/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ok8qkur3zv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ok8qkur3zv] {
    flex: 1;
    position: relative;
}

.sidebar[b-ok8qkur3zv] {
    background: var(--primary-gradient);
}

.sidebar-reopen-btn[b-ok8qkur3zv] {
    display: none;
}

#blazor-error-ui[b-ok8qkur3zv] {
    background: var(--accent-color);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: var(--text-on-primary);
}

    #blazor-error-ui .dismiss[b-ok8qkur3zv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

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

    .sidebar[b-ok8qkur3zv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        min-width: 0;
        transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .page.sidebar-collapsed .sidebar[b-ok8qkur3zv] {
        width: 0;
    }

    .sidebar-reopen-btn[b-ok8qkur3zv] {
        appearance: none;
        cursor: pointer;
        background: none;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        color: var(--text-primary);
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
        padding: 0;
        transition: background-color 0.2s ease, border-color 0.2s ease;
        position: absolute;
        top: 0.75rem;
        left: 0.75rem;
        z-index: 10;
    }

    .sidebar-reopen-btn:hover[b-ok8qkur3zv] {
        background-color: rgba(var(--primary-color-rgb), 0.1);
        border-color: rgba(var(--primary-color-rgb), 0.4);
    }

    .page.sidebar-collapsed .sidebar-reopen-btn[b-ok8qkur3zv] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    article[b-ok8qkur3zv] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Hamburger toggle button (mobile only) */
.navbar-toggler-btn[b-wyqbo2zqyy] {
    appearance: none;
    cursor: pointer;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    color: white;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    padding: 0;
}

    .navbar-toggler-btn:hover[b-wyqbo2zqyy] {
        background-color: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-wyqbo2zqyy] {
    min-height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-wyqbo2zqyy] {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.nav-item[b-wyqbo2zqyy] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-wyqbo2zqyy] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-wyqbo2zqyy] {
        padding-bottom: 1rem;
    }

    .nav-item[b-wyqbo2zqyy]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: all 0.2s ease;
    }

.nav-item[b-wyqbo2zqyy]  a.active {
    background-color: rgba(255, 255, 255, 0.37);
    color: white;
}

.nav-item[b-wyqbo2zqyy]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

/* Overlay backdrop (mobile only) */
.nav-overlay[b-wyqbo2zqyy] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    backdrop-filter: blur(2px);
    animation: navFadeIn-b-wyqbo2zqyy 0.25s ease;
}

    .nav-overlay.visible[b-wyqbo2zqyy] {
        display: block;
    }

@keyframes navFadeIn-b-wyqbo2zqyy {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Sliding side panel */
.nav-scrollable[b-wyqbo2zqyy] {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100vh;
    background: var(--primary-gradient);
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
}

    .nav-scrollable.nav-open[b-wyqbo2zqyy] {
        transform: translateX(0);
    }

/* Panel header with close button (mobile only) */
.nav-panel-header[b-wyqbo2zqyy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.5rem 0.75rem;
    min-height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.2);
}

.nav-close-btn[b-wyqbo2zqyy] {
    appearance: none;
    cursor: pointer;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    color: white;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    transition: background-color 0.2s ease;
    padding: 0;
}

    .nav-close-btn:hover[b-wyqbo2zqyy] {
        background-color: rgba(255, 255, 255, 0.15);
    }

@media (min-width: 641px) {
    .nav-overlay[b-wyqbo2zqyy] {
        display: none !important;
    }

    .nav-panel-header[b-wyqbo2zqyy] {
        display: none;
    }

    .nav-scrollable[b-wyqbo2zqyy] {
        position: static;
        width: auto;
        height: calc(100vh - 3.5rem);
        transform: none;
        transition: none;
        overflow-y: auto;
        background: transparent;
        box-shadow: none;
        display: flex;
        flex-direction: column;
    }
}

/* Info section styles */
.nav-info-section[b-wyqbo2zqyy] {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 0.75rem;
    margin-top: 0.25rem;
}

.nav-info-section .nav-item[b-wyqbo2zqyy] {
    font-size: 0.85rem;
}

/* Auth section styles */
.nav-auth-section[b-wyqbo2zqyy] {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 0.75rem;
}

.nav-user-info[b-wyqbo2zqyy] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
}

.nav-user-name[b-wyqbo2zqyy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-logout-btn[b-wyqbo2zqyy] {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    transition: all 0.2s ease;
    padding: 0 0.75rem;
    font-size: inherit;
}

    .nav-logout-btn:hover[b-wyqbo2zqyy] {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }

/* Nav flex layout to push version to bottom */
.nav-scrollable[b-wyqbo2zqyy]  nav.nav {
    flex: 1;
}

/* Version display */
.nav-version[b-wyqbo2zqyy] {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.version-text[b-wyqbo2zqyy] {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}
/* /Components/Pages/About.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-ej6vn0ulx1] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.6s ease-out;
}

.hero-section[b-ej6vn0ulx1]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-ej6vn0ulx1] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-ej6vn0ulx1] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-ej6vn0ulx1] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-ej6vn0ulx1] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
    line-height: 1.7;
}

/* Mission Section */
.mission-section[b-ej6vn0ulx1] {
    margin-bottom: 3rem;
}

.mission-card[b-ej6vn0ulx1] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mission-card:hover[b-ej6vn0ulx1] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

.mission-icon[b-ej6vn0ulx1] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.4rem;
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.mission-card:hover .mission-icon[b-ej6vn0ulx1] {
    transform: scale(1.1);
}

.mission-card h3[b-ej6vn0ulx1] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
}

.mission-card p[b-ej6vn0ulx1] {
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 0.95rem;
}

/* About / Info Section */
.about-section[b-ej6vn0ulx1] {
    margin-bottom: 3rem;
}

.info-card[b-ej6vn0ulx1] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: all 0.3s ease;
}

.info-card:hover[b-ej6vn0ulx1] {
    box-shadow: var(--card-shadow-hover);
}

.info-card h2[b-ej6vn0ulx1] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.info-card p[b-ej6vn0ulx1] {
    color: var(--text-secondary);
    line-height: 1.7;
}

/* Feature List */
.feature-list[b-ej6vn0ulx1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.feature-item[b-ej6vn0ulx1] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.95rem;
    color: var(--text-primary);
    line-height: 1.5;
}

.feature-item i[b-ej6vn0ulx1] {
    color: var(--primary-color);
    font-size: 1rem;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

/* Team Section */
.team-section[b-ej6vn0ulx1] {
    margin-bottom: 3rem;
}

.section-title[b-ej6vn0ulx1] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    text-align: center;
}

.section-subtitle[b-ej6vn0ulx1] {
    color: var(--text-secondary);
    text-align: center;
    max-width: 600px;
    margin: 0 auto 2rem;
    font-size: 1rem;
    line-height: 1.6;
}

.team-card[b-ej6vn0ulx1] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.team-card:hover[b-ej6vn0ulx1] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

.team-icon[b-ej6vn0ulx1] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.4rem;
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.team-card:hover .team-icon[b-ej6vn0ulx1] {
    transform: scale(1.1);
}

.team-card h4[b-ej6vn0ulx1] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.team-card p[b-ej6vn0ulx1] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 0.9rem;
}

/* CTA Section */
.cta-section[b-ej6vn0ulx1] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 2rem;
}

.cta-section h2[b-ej6vn0ulx1] {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.cta-section p[b-ej6vn0ulx1] {
    max-width: 500px;
    margin: 0 auto 2rem;
    opacity: 0.9;
    line-height: 1.7;
}

.cta-buttons[b-ej6vn0ulx1] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-btn[b-ej6vn0ulx1],
.cta-btn-secondary[b-ej6vn0ulx1] {
    font-weight: 600;
    border-radius: var(--border-radius-pill);
    transition: all 0.3s ease;
}

.cta-btn:hover[b-ej6vn0ulx1],
.cta-btn-secondary:hover[b-ej6vn0ulx1] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Responsive */
@media (max-width: 767.98px) {
    .hero-section[b-ej6vn0ulx1] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-ej6vn0ulx1] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-ej6vn0ulx1] {
        font-size: 1rem;
    }

    .cta-section[b-ej6vn0ulx1] {
        padding: 2rem 1rem;
    }

    .cta-section h2[b-ej6vn0ulx1] {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-ej6vn0ulx1] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-ej6vn0ulx1] {
        font-size: 3rem;
    }

    .hero-section h1[b-ej6vn0ulx1] {
        font-size: 1.5rem;
    }

    .section-title[b-ej6vn0ulx1] {
        font-size: 1.3rem;
    }

    .mission-card[b-ej6vn0ulx1],
    .info-card[b-ej6vn0ulx1],
    .team-card[b-ej6vn0ulx1] {
        padding: 1.25rem;
    }

    .cta-buttons[b-ej6vn0ulx1] {
        flex-direction: column;
        align-items: center;
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
/* Loading */
.loading-container[b-dmd8bz3p6w] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-dmd8bz3p6w] {
    width: 3rem;
    height: 3rem;
}

/* Admin Container */
.admin-container[b-dmd8bz3p6w] {
    max-width: 860px;
    margin: 0 auto;
}

/* Admin Header */
.admin-header[b-dmd8bz3p6w] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.admin-icon[b-dmd8bz3p6w] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.admin-header h1[b-dmd8bz3p6w] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.admin-subtitle[b-dmd8bz3p6w] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Section Cards */
.admin-section-card[b-dmd8bz3p6w] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.admin-section-card .card-body[b-dmd8bz3p6w] {
    padding: 1.75rem;
}

.section-title[b-dmd8bz3p6w] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* Accordion Styles */
.style-accordion-item[b-dmd8bz3p6w] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius) !important;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.style-accordion-item .accordion-button[b-dmd8bz3p6w] {
    background-color: var(--card-bg);
    color: var(--text-primary);
    font-weight: 600;
    font-size: 1rem;
}

.style-accordion-item .accordion-button:not(.collapsed)[b-dmd8bz3p6w] {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.08), rgba(var(--primary-color-rgb), 0.04));
    color: var(--primary-color);
    box-shadow: none;
}

.style-accordion-item .accordion-button[b-dmd8bz3p6w]::after {
    filter: var(--icon-filter, none);
}

.style-accordion-item .accordion-body[b-dmd8bz3p6w] {
    background-color: var(--card-bg);
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--border-color);
}

/* Style Tab Icons */
.style-tab-icon[b-dmd8bz3p6w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    font-size: 0.85rem;
}

.style-tab-icon.secure[b-dmd8bz3p6w] {
    background: rgba(42, 157, 143, 0.15);
    color: #2a9d8f;
}

.style-tab-icon.anxious[b-dmd8bz3p6w] {
    background: rgba(231, 111, 81, 0.15);
    color: #e76f51;
}

.style-tab-icon.avoidant[b-dmd8bz3p6w] {
    background: rgba(38, 70, 83, 0.15);
    color: #264653;
}

[data-theme="dark"] .style-tab-icon.avoidant[b-dmd8bz3p6w] {
    background: rgba(38, 70, 83, 0.3);
    color: #7fb3c4;
}

.style-tab-icon.disorganized[b-dmd8bz3p6w] {
    background: rgba(244, 162, 97, 0.15);
    color: #f4a261;
}

/* Textarea styling */
.admin-section-card textarea.form-control[b-dmd8bz3p6w] {
    background-color: var(--input-bg, var(--card-bg));
    color: var(--text-primary);
    border-color: var(--border-color);
    resize: vertical;
}

.admin-section-card textarea.form-control:focus[b-dmd8bz3p6w] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
}

/* Test data credentials table */
.test-data-credentials h6[b-dmd8bz3p6w] {
    color: var(--text-primary);
}

.admin-credentials-table[b-dmd8bz3p6w] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.admin-credentials-table th[b-dmd8bz3p6w] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    padding: 0.6rem 0.75rem;
}

.admin-credentials-table td[b-dmd8bz3p6w] {
    color: var(--text-primary);
    vertical-align: middle;
    padding: 0.6rem 0.75rem;
}

.admin-credentials-table code[b-dmd8bz3p6w] {
    font-size: 0.85rem;
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.08);
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
}

/* Credential role badges */
.credential-role-badge[b-dmd8bz3p6w] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    border-radius: var(--border-radius-pill, 50rem);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.credential-role-therapist[b-dmd8bz3p6w] {
    background: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
}

.credential-role-admin[b-dmd8bz3p6w] {
    background: rgba(var(--accent-color-rgb), 0.15);
    color: var(--accent-color);
}

/* Fade-in animation */
.fade-in[b-dmd8bz3p6w] {
    animation: fadeIn-b-dmd8bz3p6w 0.4s ease-in-out;
}

@keyframes fadeIn-b-dmd8bz3p6w {
    from { opacity: 0; transform: translateY(0.5rem); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 575.98px) {
    .admin-header h1[b-dmd8bz3p6w] {
        font-size: 1.6rem;
    }

    .admin-section-card .card-body[b-dmd8bz3p6w] {
        padding: 1.25rem;
    }
}

/* Assessments toggle */
.assessments-toggle-row .form-check-input[b-dmd8bz3p6w] {
    width: 2.5rem;
    height: 1.25rem;
    cursor: pointer;
}

.assessments-toggle-row .form-check-label[b-dmd8bz3p6w] {
    cursor: pointer;
    font-size: 0.95rem;
}

/* Assessment Content Tabs */
.assessment-content-tabs[b-dmd8bz3p6w] {
    border-bottom: 2px solid var(--border-color);
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0;
}

.assessment-content-tabs .nav-link[b-dmd8bz3p6w] {
    color: var(--text-secondary);
    font-weight: 500;
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.assessment-content-tabs .nav-link:hover[b-dmd8bz3p6w] {
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.06);
    border-color: var(--border-color) var(--border-color) transparent;
}

.assessment-content-tabs .nav-link.active[b-dmd8bz3p6w] {
    color: var(--primary-color);
    background-color: var(--card-bg);
    border-color: var(--border-color) var(--border-color) var(--card-bg);
    font-weight: 600;
}

.assessment-tab-icon[b-dmd8bz3p6w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: 0.75rem;
}

.assessment-tab-content[b-dmd8bz3p6w] {
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: 1.25rem;
    background-color: var(--card-bg);
}

.quiz-content-editor[b-dmd8bz3p6w] {
    padding: 0.25rem 0;
}

/* Responsive tab adjustments */
@media (max-width: 767.98px) {
    .assessment-content-tabs .nav-link[b-dmd8bz3p6w] {
        font-size: 0.78rem;
        padding: 0.5rem 0.5rem;
    }

    .assessment-tab-icon[b-dmd8bz3p6w] {
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0.65rem;
    }

    .assessment-tab-content[b-dmd8bz3p6w] {
        padding: 1rem;
    }
}
/* /Components/Pages/Assessment.razor.rz.scp.css */
/* Loading */
.loading-container[b-1xw5s8st0g] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-1xw5s8st0g] {
    width: 3rem;
    height: 3rem;
}

/* Assessment Container */
.assessment-container[b-1xw5s8st0g] {
    max-width: 700px;
    margin: 0 auto;
}

/* Progress Header */
.progress-header[b-1xw5s8st0g] {
    margin-bottom: 1.5rem;
}

.progress-label[b-1xw5s8st0g] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.progress-percentage[b-1xw5s8st0g] {
    font-weight: 700;
    color: var(--primary-color);
    font-size: 0.9rem;
}

/* Domain Badge */
.domain-badge[b-1xw5s8st0g] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    letter-spacing: 0.3px;
}

/* Question Card */
.question-card[b-1xw5s8st0g] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2.5rem 2rem;
    box-shadow: var(--card-shadow);
    margin-bottom: 1.5rem;
    animation: fadeIn 0.4s ease-out;
}

.question-number[b-1xw5s8st0g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 1.25rem;
}

.question-text[b-1xw5s8st0g] {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    color: var(--text-primary);
    margin-bottom: 2rem;
}

/* Likert Scale */
.likert-scale[b-1xw5s8st0g] {
    margin-top: 1rem;
}

.scale-labels[b-1xw5s8st0g] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.scale-options[b-1xw5s8st0g] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.scale-btn[b-1xw5s8st0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--bg-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    gap: 0.25rem;
    padding: 0.5rem;
}

.scale-btn:hover[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.05);
    transform: translateY(-2px);
}

.scale-btn.selected[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.2);
}

.scale-value[b-1xw5s8st0g] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

.scale-btn.selected .scale-value[b-1xw5s8st0g] {
    color: var(--primary-color);
}

.scale-label[b-1xw5s8st0g] {
    font-size: 0.6rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.scale-btn.selected .scale-label[b-1xw5s8st0g] {
    color: var(--primary-color);
}

/* True/False */
.true-false-options[b-1xw5s8st0g] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.tf-btn[b-1xw5s8st0g] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--bg-secondary);
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    transition: all 0.2s ease;
}

.tf-btn:hover[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.05);
    transform: translateY(-2px);
}

.tf-btn.selected[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.2);
}

/* Multiple Choice */
.mc-hint[b-1xw5s8st0g] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.mc-options[b-1xw5s8st0g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.mc-btn[b-1xw5s8st0g] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.25rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--bg-secondary);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-primary);
    transition: all 0.2s ease;
    text-align: left;
    line-height: 1.4;
    width: 100%;
}

.mc-btn[b-1xw5s8st0g]::before {
    content: '';
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.mc-btn:hover[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.05);
    transform: translateY(-1px);
}

.mc-btn:hover[b-1xw5s8st0g]::before {
    border-color: var(--primary-color);
}

.mc-btn.selected[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.12);
    color: var(--primary-color);
    font-weight: 600;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
}

.mc-btn.selected[b-1xw5s8st0g]::before {
    border-color: var(--primary-color);
    background: var(--primary-color);
    box-shadow: inset 0 0 0 3px var(--card-bg);
}

/* Navigation */
.question-nav[b-1xw5s8st0g] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

/* Question Dots */
.question-dots[b-1xw5s8st0g] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dot[b-1xw5s8st0g] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    border: 2px solid var(--border-color);
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
}

.dot:hover[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    transform: scale(1.2);
}

.dot:disabled[b-1xw5s8st0g],
.dot:disabled:hover[b-1xw5s8st0g] {
    cursor: not-allowed;
    opacity: 0.35;
    transform: none;
    border-color: var(--border-color);
    background: transparent;
}

.dot.active[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background: var(--primary-color);
    transform: scale(1.3);
}

.dot.answered[b-1xw5s8st0g] {
    border-color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.4);
}

.dot.answered.active[b-1xw5s8st0g] {
    background: var(--primary-color);
}

/* Completion */
.completion-container[b-1xw5s8st0g] {
    text-align: center;
    padding: 5rem 1rem;
}

.completion-icon[b-1xw5s8st0g] {
    font-size: 5rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    animation: pulse 1.5s ease-in-out infinite;
}

.completion-container h2[b-1xw5s8st0g] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
}

.completion-container p[b-1xw5s8st0g] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 767.98px) {
    .question-card[b-1xw5s8st0g] {
        padding: 1.5rem 1.25rem;
    }

    .question-text[b-1xw5s8st0g] {
        font-size: 1.1rem;
    }

    .scale-options[b-1xw5s8st0g] {
        gap: 0.5rem;
    }

    .scale-btn[b-1xw5s8st0g] {
        width: 3.5rem;
        height: 3.5rem;
    }

    .scale-value[b-1xw5s8st0g] {
        font-size: 1rem;
    }

    .scale-label[b-1xw5s8st0g] {
        display: none;
    }

    .tf-btn[b-1xw5s8st0g] {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }

    .mc-btn[b-1xw5s8st0g] {
        padding: 0.875rem 1rem;
        font-size: 0.95rem;
    }
}

@media (max-width: 575.98px) {
    .scale-btn[b-1xw5s8st0g] {
        width: 3rem;
        height: 3rem;
    }

    .scale-options[b-1xw5s8st0g] {
        gap: 0.35rem;
    }
}
/* /Components/Pages/AssessmentInfo.razor.rz.scp.css */
.info-container[b-caqyjgttgp] {
    animation: fadeIn 0.6s ease-out;
}

/* Hero Section */
.hero-section[b-caqyjgttgp] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

.hero-section[b-caqyjgttgp]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-caqyjgttgp] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-caqyjgttgp] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-caqyjgttgp] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-caqyjgttgp] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto 2rem;
    opacity: 0.9;
    line-height: 1.7;
}

.start-btn[b-caqyjgttgp] {
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: var(--border-radius-pill);
    transition: all 0.3s ease;
}

.start-btn:hover[b-caqyjgttgp] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Info Section */
.info-section[b-caqyjgttgp] {
    margin-bottom: 2rem;
}

.info-card[b-caqyjgttgp] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: all 0.3s ease;
}

.info-card:hover[b-caqyjgttgp] {
    box-shadow: var(--card-shadow-hover);
}

.info-card h2[b-caqyjgttgp] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.info-card p[b-caqyjgttgp] {
    color: var(--text-secondary);
    line-height: 1.7;
}

.steps-list[b-caqyjgttgp] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.step-item[b-caqyjgttgp] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.step-number[b-caqyjgttgp] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.step-item strong[b-caqyjgttgp] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
}

.step-item p[b-caqyjgttgp] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

/* Details Section */
.details-section[b-caqyjgttgp] {
    margin-bottom: 2rem;
}

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

.learn-list li[b-caqyjgttgp] {
    display: flex;
    align-items: flex-start;
    color: var(--text-secondary);
    line-height: 1.6;
}

.learn-list li i[b-caqyjgttgp] {
    color: var(--primary-color);
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.glance-grid[b-caqyjgttgp] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.glance-item[b-caqyjgttgp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: rgba(var(--primary-color-rgb), 0.05);
    border-radius: var(--border-radius);
}

.glance-item i[b-caqyjgttgp] {
    font-size: 1.25rem;
    color: var(--primary-color);
    width: 2rem;
    text-align: center;
    flex-shrink: 0;
}

.glance-label[b-caqyjgttgp] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    flex: 1;
}

.glance-value[b-caqyjgttgp] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.95rem;
}

/* CTA Section */
.cta-section[b-caqyjgttgp] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
}

.cta-section h3[b-caqyjgttgp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.cta-section p[b-caqyjgttgp] {
    color: var(--text-secondary);
    max-width: 500px;
    margin: 0 auto 1.5rem;
    line-height: 1.6;
}

@media (max-width: 767.98px) {
    .hero-section[b-caqyjgttgp] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-caqyjgttgp] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-caqyjgttgp] {
        font-size: 1rem;
    }

    .cta-section .btn[b-caqyjgttgp] {
        display: block;
        width: 100%;
        margin-bottom: 0.75rem;
    }

    .cta-section .btn + .btn[b-caqyjgttgp] {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-caqyjgttgp] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-caqyjgttgp] {
        font-size: 3rem;
    }

    .hero-section h1[b-caqyjgttgp] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Assessments.razor.rz.scp.css */
.assessments-hero[b-4qeydf4ty5] {
    text-align: center;
    padding: 3rem 1rem;
    margin-bottom: 2rem;
}

.assessments-hero .hero-icon[b-4qeydf4ty5] {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.assessments-hero h1[b-4qeydf4ty5] {
    color: var(--text-primary);
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.assessments-hero .hero-subtitle[b-4qeydf4ty5] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

.assessment-card-link[b-4qeydf4ty5] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.assessment-card[b-4qeydf4ty5] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1.75rem;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.assessment-card:hover[b-4qeydf4ty5] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow);
    border-color: var(--primary-color);
}

.assessment-card-icon[b-4qeydf4ty5] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin-bottom: 1rem;
    transition: transform 0.3s ease;
}

.assessment-card:hover .assessment-card-icon[b-4qeydf4ty5] {
    transform: scale(1.1);
}

.assessment-card-icon.attachment[b-4qeydf4ty5] { background: rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); }
.assessment-card-icon.phq9[b-4qeydf4ty5] { background: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246); }
.assessment-card-icon.gad7[b-4qeydf4ty5] { background: rgba(245, 158, 11, 0.15); color: rgb(245, 158, 11); }
.assessment-card-icon.k10[b-4qeydf4ty5] { background: rgba(16, 185, 129, 0.15); color: rgb(16, 185, 129); }
.assessment-card-icon.dass21[b-4qeydf4ty5] { background: rgba(239, 68, 68, 0.15); color: rgb(239, 68, 68); }
.assessment-card-icon.mbti[b-4qeydf4ty5] { background: rgba(139, 92, 246, 0.15); color: rgb(139, 92, 246); }
.assessment-card-icon.lovelanguages[b-4qeydf4ty5] { background: rgba(236, 72, 153, 0.15); color: rgb(236, 72, 153); }
.assessment-card-icon.bigfive[b-4qeydf4ty5] { background: rgba(20, 184, 166, 0.15); color: rgb(20, 184, 166); }

.assessment-card h3[b-4qeydf4ty5] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.assessment-card p[b-4qeydf4ty5] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.assessment-card-meta[b-4qeydf4ty5] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.badge-questions[b-4qeydf4ty5], .badge-time[b-4qeydf4ty5] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background: rgba(var(--bg-secondary-rgb), 0.5);
    border-radius: var(--border-radius-pill);
}

.assessment-card-cta[b-4qeydf4ty5] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
    transition: gap 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.assessment-card:hover .assessment-card-cta[b-4qeydf4ty5] {
    gap: 0.5rem;
}

.fade-in-up[b-4qeydf4ty5] {
    animation: fadeInUp-b-4qeydf4ty5 0.5s ease forwards;
    opacity: 0;
}

@keyframes fadeInUp-b-4qeydf4ty5 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767.98px) {
    .assessments-hero[b-4qeydf4ty5] { padding: 2rem 1rem; }
    .assessment-card[b-4qeydf4ty5] { padding: 1.25rem; }
    .assessment-card-icon[b-4qeydf4ty5] { width: 3rem; height: 3rem; font-size: 1.25rem; }
}

/* Assessments unavailable state */
.assessments-unavailable-banner[b-4qeydf4ty5] {
    max-width: 720px;
    margin-bottom: 1.5rem;
    border-radius: var(--border-radius);
}

.assessment-card-disabled[b-4qeydf4ty5] {
    cursor: not-allowed;
    display: block;
    text-decoration: none;
    color: inherit;
}

.assessment-card-disabled .assessment-card[b-4qeydf4ty5] {
    opacity: 0.55;
    filter: grayscale(0.4);
    pointer-events: none;
}

.assessment-card-disabled .assessment-card:hover[b-4qeydf4ty5] {
    transform: none;
    box-shadow: var(--card-shadow);
}

.assessment-icon-disabled[b-4qeydf4ty5] {
    filter: grayscale(1);
}
/* /Components/Pages/AttachmentReport.razor.rz.scp.css */
/* Loading */
.loading-container[b-81vrnnpb6y] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-81vrnnpb6y] {
    width: 3rem;
    height: 3rem;
}

/* Report Container */
.report-container[b-81vrnnpb6y] {
    max-width: 900px;
    margin: 0 auto;
}

/* Card Body Padding */
.card-body[b-81vrnnpb6y] {
    padding: 1.5rem;
}

/* Report Header */
.report-header[b-81vrnnpb6y] {
    text-align: center;
    margin-bottom: 2.5rem;
    position: relative;
}

.report-header-actions[b-81vrnnpb6y] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.report-icon[b-81vrnnpb6y] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.report-header h1[b-81vrnnpb6y] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.report-meta[b-81vrnnpb6y] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.therapist-badge[b-81vrnnpb6y] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.9rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.12);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
}

/* Primary Style Card */
.primary-style-card[b-81vrnnpb6y] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.style-icon[b-81vrnnpb6y] {
    width: 3.5rem;
    height: 3.5rem;
    min-width: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.style-icon.secure[b-81vrnnpb6y] {
    background-color: rgba(42, 157, 143, 0.15);
    color: #2a9d8f;
}

.style-icon.anxious[b-81vrnnpb6y] {
    background-color: rgba(231, 111, 81, 0.15);
    color: #e76f51;
}

.style-icon.avoidant[b-81vrnnpb6y] {
    background-color: rgba(38, 70, 83, 0.15);
    color: #264653;
}

[data-theme="dark"] .style-icon.avoidant[b-81vrnnpb6y] {
    background-color: rgba(108, 117, 125, 0.2);
    color: #9aa0a6;
}

.style-icon.disorganized[b-81vrnnpb6y] {
    background-color: rgba(244, 162, 97, 0.15);
    color: #f4a261;
}

.primary-style-card h2[b-81vrnnpb6y] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
}

.interpretation-badge[b-81vrnnpb6y] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.secondary-style[b-81vrnnpb6y] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background-color: rgba(var(--accent-color-rgb), 0.08);
    border-radius: var(--border-radius-sm);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Scores Card */
.scores-card[b-81vrnnpb6y] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
}

.scores-title[b-81vrnnpb6y] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.score-item[b-81vrnnpb6y] {
    margin-bottom: 1.25rem;
}

.score-item:last-child[b-81vrnnpb6y] {
    margin-bottom: 0;
}

.score-header[b-81vrnnpb6y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.score-dot[b-81vrnnpb6y] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    display: inline-block;
}

.score-dot.secure[b-81vrnnpb6y] { background-color: #2a9d8f; }
.score-dot.anxious[b-81vrnnpb6y] { background-color: #e76f51; }
.score-dot.avoidant[b-81vrnnpb6y] { background-color: #264653; }
.score-dot.disorganized[b-81vrnnpb6y] { background-color: #f4a261; }

[data-theme="dark"] .score-dot.avoidant[b-81vrnnpb6y] {
    background-color: #6c757d;
}

.score-name[b-81vrnnpb6y] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.score-value[b-81vrnnpb6y] {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.score-progress[b-81vrnnpb6y] {
    height: 0.6rem;
    border-radius: var(--border-radius-pill);
    background-color: var(--bg-tertiary);
}

.score-bar-secure[b-81vrnnpb6y] {
    background: linear-gradient(90deg, #2a9d8f, #5cc5b8) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

.score-bar-anxious[b-81vrnnpb6y] {
    background: linear-gradient(90deg, #e76f51, #ef9a7c) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

.score-bar-avoidant[b-81vrnnpb6y] {
    background: linear-gradient(90deg, #264653, #4a7c8a) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

.score-bar-disorganized[b-81vrnnpb6y] {
    background: linear-gradient(90deg, #f4a261, #f7c99b) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

/* Responses Card */
.responses-card[b-81vrnnpb6y] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
}

.responses-title[b-81vrnnpb6y] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

.response-count-badge[b-81vrnnpb6y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.6rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
}

/* Responses Table */
.admin-responses-table[b-81vrnnpb6y] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.admin-responses-table th[b-81vrnnpb6y] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    white-space: nowrap;
}

.admin-responses-table td[b-81vrnnpb6y] {
    color: var(--text-primary);
    border-color: var(--border-color);
    font-size: 0.9rem;
    vertical-align: middle;
}

.admin-responses-table tbody tr:hover td[b-81vrnnpb6y] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.04) 0%,
        rgba(var(--primary-color-rgb), 0.08) 100%);
}

.col-num[b-81vrnnpb6y] {
    width: 2.5rem;
    text-align: center;
}

.question-text[b-81vrnnpb6y] {
    color: var(--text-primary);
    line-height: 1.5;
}

.response-value[b-81vrnnpb6y] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--primary-color);
}

/* Style Tags */
.style-tag[b-81vrnnpb6y] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--border-radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
}

.style-tag.secure[b-81vrnnpb6y] {
    background-color: rgba(42, 157, 143, 0.12);
    color: #2a9d8f;
}

.style-tag.anxious[b-81vrnnpb6y] {
    background-color: rgba(231, 111, 81, 0.12);
    color: #e76f51;
}

.style-tag.avoidant[b-81vrnnpb6y] {
    background-color: rgba(38, 70, 83, 0.12);
    color: #264653;
}

[data-theme="dark"] .style-tag.avoidant[b-81vrnnpb6y] {
    background-color: rgba(108, 117, 125, 0.15);
    color: #9aa0a6;
}

.style-tag.disorganized[b-81vrnnpb6y] {
    background-color: rgba(244, 162, 97, 0.12);
    color: #f4a261;
}

/* Print */
@media print {
    .no-print[b-81vrnnpb6y] {
        display: none !important;
    }

    .report-container[b-81vrnnpb6y] {
        max-width: 100%;
    }

    .primary-style-card[b-81vrnnpb6y],
    .scores-card[b-81vrnnpb6y],
    .responses-card[b-81vrnnpb6y] {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .admin-responses-table th[b-81vrnnpb6y] {
        background: #f0f0f0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .score-bar-secure[b-81vrnnpb6y],
    .score-bar-anxious[b-81vrnnpb6y],
    .score-bar-avoidant[b-81vrnnpb6y],
    .score-bar-disorganized[b-81vrnnpb6y] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .style-tag[b-81vrnnpb6y] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}

/* Responsive */
@media (max-width: 767.98px) {
    .report-header h1[b-81vrnnpb6y] {
        font-size: 1.5rem;
    }

    .primary-style-card h2[b-81vrnnpb6y] {
        font-size: 1.3rem;
    }

    .report-header-actions[b-81vrnnpb6y] {
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .card-body[b-81vrnnpb6y] {
        padding: 1.25rem;
    }
}
/* /Components/Pages/AttachmentStyle.razor.rz.scp.css */
.style-detail-container[b-yioqjizh4t] {
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 3rem;
}

.back-nav[b-yioqjizh4t] {
    margin-bottom: 1.5rem;
}

/* Header */
.style-header[b-yioqjizh4t] {
    text-align: center;
    padding: 3.5rem 1.5rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.5s ease-out;
}

.style-header[b-yioqjizh4t]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.07) 0%, transparent 65%);
    pointer-events: none;
}

.style-header.anxious[b-yioqjizh4t] {
    background: linear-gradient(135deg, #e76f51 0%, #c0392b 100%);
}

.style-header.avoidant[b-yioqjizh4t] {
    background: linear-gradient(135deg, #264653 0%, #1a2d36 100%);
}

.style-header.disorganized[b-yioqjizh4t] {
    background: linear-gradient(135deg, #f4a261 0%, #c07a3e 100%);
}

.style-header-icon[b-yioqjizh4t] {
    font-size: 3.5rem;
    margin-bottom: 1.25rem;
    animation: pulse 2s ease-in-out infinite;
}

.style-header h1[b-yioqjizh4t] {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    letter-spacing: -0.5px;
}

.style-subtitle[b-yioqjizh4t] {
    font-size: 1.1rem;
    max-width: 560px;
    margin: 0 auto;
    opacity: 0.9;
    line-height: 1.7;
}

/* Detail sections */
.detail-section[b-yioqjizh4t] {
    margin-bottom: 1.75rem;
}

.detail-card[b-yioqjizh4t] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: box-shadow 0.3s ease;
}

.detail-card:hover[b-yioqjizh4t] {
    box-shadow: var(--card-shadow-hover);
}

.detail-card h2[b-yioqjizh4t] {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.detail-card p[b-yioqjizh4t] {
    color: var(--text-secondary);
    line-height: 1.75;
    margin-bottom: 0;
}

/* Trait list */
.trait-list[b-yioqjizh4t] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trait-list li[b-yioqjizh4t] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: var(--text-secondary);
    line-height: 1.6;
    font-size: 0.95rem;
}

.trait-icon[b-yioqjizh4t] {
    margin-top: 0.15rem;
    flex-shrink: 0;
    font-size: 0.85rem;
}

.trait-icon.secure[b-yioqjizh4t] {
    color: #2a9d8f;
}

.trait-icon.anxious[b-yioqjizh4t] {
    color: #e76f51;
}

.trait-icon.avoidant[b-yioqjizh4t] {
    color: #264653;
}

[data-theme="dark"] .trait-icon.avoidant[b-yioqjizh4t] {
    color: #9aa0a6;
}

.trait-icon.disorganized[b-yioqjizh4t] {
    color: #f4a261;
}

.trait-icon.positive[b-yioqjizh4t] {
    color: #2a9d8f;
}

.trait-icon.negative[b-yioqjizh4t] {
    color: #e76f51;
}

/* Strength / Challenge cards */
.strengths-card h2[b-yioqjizh4t] {
    color: #2a9d8f;
}

.challenges-card h2[b-yioqjizh4t] {
    color: #e76f51;
}

/* Growth card */
.growth-card[b-yioqjizh4t] {
    border-left: 4px solid var(--primary-color);
}

.growth-intro[b-yioqjizh4t] {
    margin-bottom: 0;
}

.growth-tip[b-yioqjizh4t] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    padding: 0.875rem 1rem;
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.55;
    transition: all 0.3s ease;
}

.growth-tip:hover[b-yioqjizh4t] {
    background-color: rgba(var(--primary-color-rgb), 0.06);
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

.growth-tip .bi-lightbulb-fill[b-yioqjizh4t] {
    color: var(--accent-color);
}

/* CTA */
.style-cta[b-yioqjizh4t] {
    text-align: center;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2.5rem 2rem;
    margin-top: 2.5rem;
}

.style-cta h3[b-yioqjizh4t] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.style-cta p[b-yioqjizh4t] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

@media (max-width: 767.98px) {
    .style-header[b-yioqjizh4t] {
        padding: 2.5rem 1rem;
    }

    .style-header h1[b-yioqjizh4t] {
        font-size: 1.75rem;
    }

    .style-cta .btn[b-yioqjizh4t] {
        display: block;
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 0.75rem;
    }
}

@media (max-width: 575.98px) {
    .style-header[b-yioqjizh4t] {
        padding: 2rem 1rem;
    }

    .style-header-icon[b-yioqjizh4t] {
        font-size: 2.75rem;
    }

    .style-header h1[b-yioqjizh4t] {
        font-size: 1.4rem;
    }

    .detail-card[b-yioqjizh4t] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/AttachmentStyleInfo.razor.rz.scp.css */
.hero-section[b-khzzr9bpuq] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.6s ease-out;
}

.hero-section[b-khzzr9bpuq]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-khzzr9bpuq] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-khzzr9bpuq] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-khzzr9bpuq] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-khzzr9bpuq] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto 2rem;
    opacity: 0.9;
    line-height: 1.7;
}

.start-btn[b-khzzr9bpuq] {
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: var(--border-radius-pill);
    transition: all 0.3s ease;
}

.start-btn:hover[b-khzzr9bpuq] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Feature Cards */
.features-section[b-khzzr9bpuq] {
    margin-bottom: 3rem;
}

.feature-card-link[b-khzzr9bpuq] {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.feature-card-link:hover .feature-card[b-khzzr9bpuq] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

.feature-card-link:hover .feature-icon[b-khzzr9bpuq] {
    transform: scale(1.1);
}

.feature-card-cta[b-khzzr9bpuq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-top: 0.75rem;
    transition: gap 0.2s ease;
}

.feature-card-link:hover .feature-card-cta[b-khzzr9bpuq] {
    gap: 0.55rem;
}

.feature-card[b-khzzr9bpuq] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    height: 100%;
}

.feature-card:hover[b-khzzr9bpuq] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

.feature-icon[b-khzzr9bpuq] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.feature-card:hover .feature-icon[b-khzzr9bpuq] {
    transform: scale(1.1);
}

.feature-icon.secure[b-khzzr9bpuq] {
    background-color: rgba(42, 157, 143, 0.15);
    color: #2a9d8f;
}

.feature-icon.anxious[b-khzzr9bpuq] {
    background-color: rgba(231, 111, 81, 0.15);
    color: #e76f51;
}

.feature-icon.avoidant[b-khzzr9bpuq] {
    background-color: rgba(38, 70, 83, 0.15);
    color: #264653;
}

[data-theme="dark"] .feature-icon.avoidant[b-khzzr9bpuq] {
    background-color: rgba(108, 117, 125, 0.2);
    color: #9aa0a6;
}

.feature-icon.disorganized[b-khzzr9bpuq] {
    background-color: rgba(244, 162, 97, 0.15);
    color: #f4a261;
}

.feature-card h3[b-khzzr9bpuq] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--text-primary);
}

.feature-card p[b-khzzr9bpuq] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Info Section */
.info-section[b-khzzr9bpuq] {
    margin-bottom: 2rem;
}

.info-card[b-khzzr9bpuq] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: all 0.3s ease;
}

.info-card:hover[b-khzzr9bpuq] {
    box-shadow: var(--card-shadow-hover);
}

.info-card h2[b-khzzr9bpuq] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.info-card p[b-khzzr9bpuq] {
    color: var(--text-secondary);
    line-height: 1.7;
}

.steps-list[b-khzzr9bpuq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.step-item[b-khzzr9bpuq] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.step-number[b-khzzr9bpuq] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.step-item strong[b-khzzr9bpuq] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
}

.step-item p[b-khzzr9bpuq] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

@media (max-width: 767.98px) {
    .hero-section[b-khzzr9bpuq] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-khzzr9bpuq] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-khzzr9bpuq] {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-khzzr9bpuq] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-khzzr9bpuq] {
        font-size: 3rem;
    }

    .hero-section h1[b-khzzr9bpuq] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Clients.razor.rz.scp.css */
/* ========================================
   Clients Page Styles
   ======================================== */

.clients-container[b-ngflnmqo6p] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Header */
.clients-header[b-ngflnmqo6p] {
    text-align: center;
    margin-bottom: 2rem;
}

.clients-icon[b-ngflnmqo6p] {
    width: 4rem;
    height: 4rem;
    background: var(--primary-gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
    margin: 0 auto 1rem;
    box-shadow: var(--card-shadow);
}

.clients-header h1[b-ngflnmqo6p] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.clients-subtitle[b-ngflnmqo6p] {
    color: var(--text-secondary);
    font-size: 1rem;
    margin-bottom: 0;
}

/* Section cards */
.clients-section-card[b-ngflnmqo6p] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.clients-section-card .card-body[b-ngflnmqo6p] {
    padding: 1.5rem;
}

.clients-section-card:hover[b-ngflnmqo6p] {
    box-shadow: 0 8px 24px rgba(var(--primary-color-rgb), 0.12);
}

.section-title[b-ngflnmqo6p] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
}

/* Client count badge */
.client-count-badge[b-ngflnmqo6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    background: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
}

/* ======================================== 
   Parent/Child Hierarchical Table
   ======================================== */

.admin-clients-table[b-ngflnmqo6p] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.admin-clients-table th[b-ngflnmqo6p] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    padding: 0.75rem 1rem;
}

.admin-clients-table td[b-ngflnmqo6p] {
    padding: 0.6rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid rgba(var(--border-color-rgb), 0.08);
    color: var(--text-primary);
    transition: background 0.2s ease;
}

.admin-clients-table tbody tr:last-child td[b-ngflnmqo6p] {
    border-bottom: none;
}

/* Toggle column */
.toggle-col[b-ngflnmqo6p] {
    width: 2.5rem;
    padding: 0.75rem 0.5rem !important;
}

.toggle-cell[b-ngflnmqo6p] {
    width: 2.5rem;
    padding: 0.6rem 0.5rem !important;
    text-align: center;
}

/* Chevron toggle icon with rotation animation */
.toggle-icon[b-ngflnmqo6p] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    transition: transform 0.25s ease, color 0.25s ease;
    display: inline-block;
}

.toggle-icon.rotated[b-ngflnmqo6p] {
    transform: rotate(90deg);
    color: var(--primary-color);
}

/* Parent (client) row – clickable */
.client-parent-row[b-ngflnmqo6p] {
    cursor: pointer;
    border-top: 2px solid var(--border-color);
    transition: background 0.2s ease;
}

.client-parent-row:hover td[b-ngflnmqo6p] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.04) 0%,
        rgba(var(--primary-color-rgb), 0.08) 100%);
}

.client-parent-row.expanded td[b-ngflnmqo6p] {
    background: rgba(var(--bg-secondary-rgb), 0.25);
}

/* Client name / email */
.client-name[b-ngflnmqo6p] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.95rem;
}

.client-email-mobile[b-ngflnmqo6p] {
    font-size: 0.8rem;
    margin-top: 0.15rem;
}

.item-date[b-ngflnmqo6p] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

/* ========================================
   Nested Assessment Table (child rows)
   ======================================== */

/* Container row holding the nested table */
.nested-container-row td[b-ngflnmqo6p] {
    border-bottom: 2px solid var(--border-color);
}

.nested-container-cell[b-ngflnmqo6p] {
    padding: 0 !important;
    background: rgba(var(--bg-secondary-rgb), 0.15);
}

/* Inner nested table */
.nested-assessments-table[b-ngflnmqo6p] {
    margin-bottom: 0;
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem);
    background: transparent;
    animation: nestFadeIn-b-ngflnmqo6p 0.2s ease;
}

.nested-assessments-table th[b-ngflnmqo6p] {
    background: rgba(var(--bg-secondary-rgb), 0.5);
    color: var(--text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--border-color);
    padding: 0.5rem 0.75rem;
}

.nested-assessments-table td[b-ngflnmqo6p] {
    padding: 0.5rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid rgba(var(--border-color-rgb), 0.06);
    color: var(--text-primary);
    font-size: 0.875rem;
}

.nested-assessments-table tbody tr:hover td[b-ngflnmqo6p] {
    background: rgba(var(--primary-color-rgb), 0.04);
}

.nested-assessments-table tbody tr:last-child td[b-ngflnmqo6p] {
    border-bottom: none;
}

/* Empty state inside nested area */
.nested-empty[b-ngflnmqo6p] {
    padding: 1.25rem 1.5rem 1.25rem 3.5rem;
    color: var(--text-secondary);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nested-empty i[b-ngflnmqo6p] {
    font-size: 1.1rem;
    opacity: 0.5;
}

@keyframes nestFadeIn-b-ngflnmqo6p {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Status badges */
.status-badge[b-ngflnmqo6p] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.65rem;
    border-radius: var(--border-radius-pill, 50px);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    transition: all 0.3s ease;
}

.status-sent[b-ngflnmqo6p] {
    background: rgba(42, 157, 143, 0.15);
    color: #2a9d8f;
    border: 1px solid rgba(42, 157, 143, 0.3);
}

.status-pending[b-ngflnmqo6p] {
    background: rgba(var(--bg-secondary-rgb), 0.6);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.status-completed[b-ngflnmqo6p] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.status-more[b-ngflnmqo6p] {
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    border: 1px solid rgba(var(--primary-color-rgb), 0.25);
}

[data-theme="dark"] .status-sent[b-ngflnmqo6p] {
    background: rgba(42, 157, 143, 0.2);
    color: #4ecdc4;
    border-color: rgba(42, 157, 143, 0.4);
}

[data-theme="dark"] .status-completed[b-ngflnmqo6p] {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.4);
}

/* Multiple assessment badges stacked vertically */
.assessment-badges-list[b-ngflnmqo6p] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    align-items: flex-start;
}

.assessment-badge-date[b-ngflnmqo6p] {
    font-weight: 400;
    opacity: 0.75;
}

/* Action buttons */
.action-buttons[b-ngflnmqo6p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    flex-wrap: nowrap;
}

.action-buttons .btn[b-ngflnmqo6p] {
    white-space: nowrap;
}

/* "Not Done" results button – muted appearance to indicate pending state */
.results-not-done[b-ngflnmqo6p] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Empty state */
.empty-state[b-ngflnmqo6p] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-secondary);
}

.empty-state-icon[b-ngflnmqo6p] {
    font-size: 3rem;
    opacity: 0.35;
    display: block;
    margin-bottom: 1rem;
}

/* Loading */
.loading-container[b-ngflnmqo6p] {
    text-align: center;
    padding: 4rem 1rem;
    color: var(--text-secondary);
}

/* Delete confirmation modal */
.modal-backdrop-custom[b-ngflnmqo6p] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-ngflnmqo6p 0.2s ease;
}

.modal-dialog-custom[b-ngflnmqo6p] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
    max-width: 420px;
    width: 90%;
    animation: slideIn-b-ngflnmqo6p 0.25s ease;
}

.modal-header-custom[b-ngflnmqo6p] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--text-primary);
}

.modal-body-custom[b-ngflnmqo6p] {
    padding: 1.5rem;
    color: var(--text-primary);
}

.modal-footer-custom[b-ngflnmqo6p] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

@keyframes fadeIn-b-ngflnmqo6p {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn-b-ngflnmqo6p {
    from { transform: translateY(-16px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Responsive */
@media (max-width: 767.98px) {
    .clients-container[b-ngflnmqo6p] {
        padding: 1rem 0.75rem;
    }

    .clients-header h1[b-ngflnmqo6p] {
        font-size: 1.6rem;
    }

    .action-buttons[b-ngflnmqo6p] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .action-buttons .btn[b-ngflnmqo6p] {
        width: 100%;
        justify-content: center;
    }

    .nested-assessments-table[b-ngflnmqo6p] {
        margin-left: 1.5rem;
        width: calc(100% - 1.5rem);
    }

    .nested-empty[b-ngflnmqo6p] {
        padding-left: 2rem;
    }
}

@media (max-width: 575.98px) {
    .clients-icon[b-ngflnmqo6p] {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }

    .clients-section-card .card-body[b-ngflnmqo6p] {
        padding: 1.25rem;
    }

    .nested-assessments-table[b-ngflnmqo6p] {
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }

    .nested-empty[b-ngflnmqo6p] {
        padding-left: 1.5rem;
    }
}

/* Assessment selector modal */
.assessment-selector-dialog[b-ngflnmqo6p] {
    max-width: 520px;
}

.assessment-selector-list[b-ngflnmqo6p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.assessment-selector-item[b-ngflnmqo6p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    width: 100%;
    color: var(--text-primary);
}

.assessment-selector-item:hover[b-ngflnmqo6p] {
    border-color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.05);
    transform: translateX(2px);
}

.assessment-selector-icon[b-ngflnmqo6p] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.assessment-selector-item:hover .assessment-selector-icon[b-ngflnmqo6p] {
    transform: scale(1.1);
}

.assessment-selector-icon.attachment[b-ngflnmqo6p] { background: rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); }
.assessment-selector-icon.phq9[b-ngflnmqo6p] { background: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246); }
.assessment-selector-icon.gad7[b-ngflnmqo6p] { background: rgba(245, 158, 11, 0.15); color: rgb(245, 158, 11); }
.assessment-selector-icon.k10[b-ngflnmqo6p] { background: rgba(16, 185, 129, 0.15); color: rgb(16, 185, 129); }
.assessment-selector-icon.dass21[b-ngflnmqo6p] { background: rgba(239, 68, 68, 0.15); color: rgb(239, 68, 68); }
.assessment-selector-icon.mbti[b-ngflnmqo6p] { background: rgba(139, 92, 246, 0.15); color: rgb(139, 92, 246); }
.assessment-selector-icon.lovelanguages[b-ngflnmqo6p] { background: rgba(236, 72, 153, 0.15); color: rgb(236, 72, 153); }
.assessment-selector-icon.bigfive[b-ngflnmqo6p] { background: rgba(20, 184, 166, 0.15); color: rgb(20, 184, 166); }

.assessment-selector-info[b-ngflnmqo6p] {
    flex: 1;
    min-width: 0;
}

.assessment-selector-name[b-ngflnmqo6p] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.assessment-selector-meta[b-ngflnmqo6p] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 0.15rem;
}

.assessment-selector-send[b-ngflnmqo6p] {
    color: var(--primary-color);
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
}

.assessment-selector-item:hover .assessment-selector-send[b-ngflnmqo6p] {
    opacity: 1;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-4od72rawmp] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.6s ease-out;
}

.hero-section[b-4od72rawmp]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-4od72rawmp] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-4od72rawmp] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-4od72rawmp] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-4od72rawmp] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
    line-height: 1.7;
}

/* Contact Section */
.contact-section[b-4od72rawmp] {
    margin-bottom: 3rem;
}

.contact-intro[b-4od72rawmp] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

/* Info Card */
.info-card[b-4od72rawmp] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.info-card:hover[b-4od72rawmp] {
    box-shadow: var(--card-shadow-hover);
}

.info-card h2[b-4od72rawmp] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.info-card p[b-4od72rawmp] {
    color: var(--text-secondary);
    line-height: 1.7;
}

/* Form Styles */
.form-label[b-4od72rawmp] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.form-control[b-4od72rawmp] {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    border-radius: var(--border-radius-sm);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus[b-4od72rawmp] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.15);
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

.form-control[b-4od72rawmp]::placeholder {
    color: var(--text-muted);
}

.contact-textarea[b-4od72rawmp] {
    resize: vertical;
    min-height: 120px;
}

.btn-submit[b-4od72rawmp] {
    height: 2.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: var(--border-radius-sm);
    transition: all 0.3s ease;
}

.btn-submit:hover:not(:disabled)[b-4od72rawmp] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Contact Info Card */
.contact-info-card[b-4od72rawmp] {
    height: auto;
}

.contact-methods[b-4od72rawmp] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.contact-method[b-4od72rawmp] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.contact-method-icon[b-4od72rawmp] {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 50%;
    background: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.contact-method:hover .contact-method-icon[b-4od72rawmp] {
    transform: scale(1.1);
}

.contact-method strong[b-4od72rawmp] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.95rem;
}

.contact-method p[b-4od72rawmp] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.contact-method a[b-4od72rawmp] {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-method a:hover[b-4od72rawmp] {
    color: var(--accent-color);
}

/* FAQ Card */
.faq-card[b-4od72rawmp] {
    height: auto;
}

.faq-list[b-4od72rawmp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item[b-4od72rawmp] {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.faq-item:last-child[b-4od72rawmp] {
    border-bottom: none;
    padding-bottom: 0;
}

.faq-item strong[b-4od72rawmp] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.95rem;
}

.faq-item p[b-4od72rawmp] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.faq-item a[b-4od72rawmp] {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.faq-item a:hover[b-4od72rawmp] {
    color: var(--accent-color);
}

/* Alert Success */
.alert-success[b-4od72rawmp] {
    background-color: rgba(var(--primary-color-rgb), 0.1);
    border-color: var(--primary-color);
    color: var(--primary-color);
    border-radius: var(--border-radius-sm);
}

/* Responsive */
@media (max-width: 767.98px) {
    .hero-section[b-4od72rawmp] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-4od72rawmp] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-4od72rawmp] {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-4od72rawmp] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-4od72rawmp] {
        font-size: 3rem;
    }

    .hero-section h1[b-4od72rawmp] {
        font-size: 1.5rem;
    }

    .info-card[b-4od72rawmp] {
        padding: 1.25rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero-section[b-b0m4qfilr3] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.6s ease-out;
}

.hero-section[b-b0m4qfilr3]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-b0m4qfilr3] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-b0m4qfilr3] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-b0m4qfilr3] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-b0m4qfilr3] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto 2rem;
    opacity: 0.9;
    line-height: 1.7;
}

.start-btn[b-b0m4qfilr3] {
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: var(--border-radius-pill);
    transition: all 0.3s ease;
}

.start-btn:hover[b-b0m4qfilr3] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Platform Cards */
.platform-section[b-b0m4qfilr3] {
    margin-bottom: 3rem;
}

.platform-card[b-b0m4qfilr3] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    height: 100%;
}

.platform-card:hover[b-b0m4qfilr3] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

.platform-icon[b-b0m4qfilr3] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    font-size: 1.5rem;
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.platform-card:hover .platform-icon[b-b0m4qfilr3] {
    transform: scale(1.1);
}

.platform-card h3[b-b0m4qfilr3] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--text-primary);
}

.platform-card p[b-b0m4qfilr3] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Assessments Section */
.assessments-section[b-b0m4qfilr3] {
    margin-bottom: 3rem;
}

.section-title[b-b0m4qfilr3] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    text-align: center;
}

.section-subtitle[b-b0m4qfilr3] {
    color: var(--text-secondary);
    text-align: center;
    max-width: 600px;
    margin: 0 auto 2rem;
    font-size: 1rem;
    line-height: 1.6;
}

.assessment-card-link[b-b0m4qfilr3] {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.assessment-card-link:hover .assessment-card[b-b0m4qfilr3] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

.assessment-card[b-b0m4qfilr3] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1.75rem 1.25rem;
    text-align: center;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.assessment-card-icon[b-b0m4qfilr3] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    transition: transform 0.3s ease;
}

.assessment-card-link:hover .assessment-card-icon[b-b0m4qfilr3] {
    transform: scale(1.1);
}

.assessment-card-icon.attachment[b-b0m4qfilr3] {
    background-color: rgba(231, 111, 81, 0.15);
    color: #e76f51;
}

.assessment-card-icon.phq9[b-b0m4qfilr3] {
    background-color: rgba(108, 117, 125, 0.15);
    color: #6c757d;
}

.assessment-card-icon.gad7[b-b0m4qfilr3] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #d4a106;
}

.assessment-card-icon.k10[b-b0m4qfilr3] {
    background-color: rgba(13, 110, 253, 0.15);
    color: #0d6efd;
}

.assessment-card-icon.dass21[b-b0m4qfilr3] {
    background-color: rgba(111, 66, 193, 0.15);
    color: #6f42c1;
}

.assessment-card-icon.mbti[b-b0m4qfilr3] {
    background-color: rgba(25, 135, 84, 0.15);
    color: #198754;
}

.assessment-card-icon.lovelanguages[b-b0m4qfilr3] {
    background-color: rgba(214, 51, 132, 0.15);
    color: #d63384;
}

.assessment-card-icon.bigfive[b-b0m4qfilr3] {
    background-color: rgba(13, 202, 240, 0.15);
    color: #0dcaf0;
}

.assessment-card h3[b-b0m4qfilr3] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.assessment-card p[b-b0m4qfilr3] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
    flex: 1;
}

.assessment-card-meta[b-b0m4qfilr3] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.badge-info[b-b0m4qfilr3] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
}

.assessment-card-cta[b-b0m4qfilr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--primary-color);
    transition: gap 0.2s ease;
}

.assessment-card-link:hover .assessment-card-cta[b-b0m4qfilr3] {
    gap: 0.55rem;
}

/* Info Section */
.info-section[b-b0m4qfilr3] {
    margin-bottom: 2rem;
}

.info-card[b-b0m4qfilr3] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: all 0.3s ease;
}

.info-card:hover[b-b0m4qfilr3] {
    box-shadow: var(--card-shadow-hover);
}

.info-card h2[b-b0m4qfilr3] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.info-card p[b-b0m4qfilr3] {
    color: var(--text-secondary);
    line-height: 1.7;
}

.steps-list[b-b0m4qfilr3] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.step-item[b-b0m4qfilr3] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.step-number[b-b0m4qfilr3] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.step-item strong[b-b0m4qfilr3] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
}

.step-item p[b-b0m4qfilr3] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

@media (max-width: 767.98px) {
    .hero-section[b-b0m4qfilr3] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-b0m4qfilr3] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-b0m4qfilr3] {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-b0m4qfilr3] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-b0m4qfilr3] {
        font-size: 3rem;
    }

    .hero-section h1[b-b0m4qfilr3] {
        font-size: 1.5rem;
    }

    .section-title[b-b0m4qfilr3] {
        font-size: 1.3rem;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-container[b-8me8jggjr3] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 1rem;
    min-height: 80vh;
}

.auth-card[b-8me8jggjr3] {
    width: 100%;
    max-width: 440px;
    background: var(--card-bg);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    animation: fadeInUp 0.4s ease;
}

.auth-card-header[b-8me8jggjr3] {
    background: var(--primary-gradient);
    color: white;
    text-align: center;
    padding: 2rem 1.5rem;
}

.auth-card-header h1[b-8me8jggjr3] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0.75rem 0 0.25rem;
}

.auth-card-header p[b-8me8jggjr3] {
    font-size: 0.9rem;
    opacity: 0.9;
    margin: 0;
}

.auth-icon[b-8me8jggjr3] {
    font-size: 2.5rem;
    opacity: 0.95;
}

.auth-card-body[b-8me8jggjr3] {
    padding: 2rem 1.5rem;
}

.auth-submit-btn[b-8me8jggjr3] {
    height: 2.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
}

.auth-links[b-8me8jggjr3] {
    text-align: center;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-color);
}

.auth-link[b-8me8jggjr3] {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

    .auth-link:hover[b-8me8jggjr3] {
        color: var(--accent-color);
    }

@media (max-width: 575.98px) {
    .auth-card-body[b-8me8jggjr3] {
        padding: 1.5rem 1.25rem;
    }

    .auth-card-header[b-8me8jggjr3] {
        padding: 1.5rem 1.25rem;
    }
}

.default-credentials[b-8me8jggjr3] {
    margin-top: 1.25rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm, 0.375rem);
    overflow: hidden;
}

.default-credentials-toggle[b-8me8jggjr3] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.6rem 0.9rem;
    background: rgba(var(--bg-secondary-rgb), 0.5);
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-align: left;
    gap: 0.25rem;
    transition: background 0.2s ease, color 0.2s ease;
}

    .default-credentials-toggle:hover[b-8me8jggjr3] {
        background: rgba(var(--primary-color-rgb), 0.08);
        color: var(--primary-color);
    }

    .default-credentials-toggle .bi-info-circle[b-8me8jggjr3] {
        color: var(--primary-color);
    }

.default-credentials-body[b-8me8jggjr3] {
    padding: 0.75rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--card-bg);
}

.credential-row[b-8me8jggjr3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.credential-badge[b-8me8jggjr3] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: var(--border-radius-pill, 50rem);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
    flex-shrink: 0;
}

    .credential-badge.therapist[b-8me8jggjr3] {
        background: rgba(var(--primary-color-rgb), 0.12);
        color: var(--primary-color);
    }

    .credential-badge.admin[b-8me8jggjr3] {
        background: rgba(var(--accent-color-rgb, var(--primary-color-rgb)), 0.12);
        color: var(--accent-color, var(--primary-color));
    }

    .credential-badge.orgadmin[b-8me8jggjr3] {
        background: rgba(25, 135, 84, 0.12);
        color: #198754;
    }

    .credential-badge.practicemanager[b-8me8jggjr3] {
        background: rgba(var(--warning-color-rgb, 255, 193, 7), 0.15);
        color: var(--warning-color, #b45309);
    }

.credential-detail[b-8me8jggjr3] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: nowrap;
    font-size: 0.78rem;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}

.credential-sep[b-8me8jggjr3] {
    color: var(--text-secondary);
    font-weight: 600;
}

.credential-use-btn[b-8me8jggjr3] {
    margin-left: auto;
    padding: 0.2rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.1);
    border: 1px solid rgba(var(--primary-color-rgb), 0.3);
    border-radius: var(--border-radius-sm, 0.375rem);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

    .credential-use-btn:hover:not(:disabled)[b-8me8jggjr3] {
        background: rgba(var(--primary-color-rgb), 0.2);
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

    .credential-use-btn:disabled[b-8me8jggjr3] {
        opacity: 0.65;
        cursor: not-allowed;
    }
/* /Components/Pages/Organisation.razor.rz.scp.css */
/* Loading */
.loading-container[b-5g616ik8yh] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-5g616ik8yh] {
    width: 3rem;
    height: 3rem;
}

/* Organisation Container */
.org-container[b-5g616ik8yh] {
    max-width: 960px;
    margin: 0 auto;
}

/* Organisation Header */
.org-header[b-5g616ik8yh] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.org-icon[b-5g616ik8yh] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.org-header h1[b-5g616ik8yh] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.org-subtitle[b-5g616ik8yh] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Section Cards */
.org-section-card[b-5g616ik8yh] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.org-section-card .card-body[b-5g616ik8yh] {
    padding: 1.5rem;
}

.section-title[b-5g616ik8yh] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* Summary Cards */
.summary-card[b-5g616ik8yh] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.summary-card:hover[b-5g616ik8yh] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
}

.summary-icon[b-5g616ik8yh] {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.summary-value[b-5g616ik8yh] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
}

.summary-label[b-5g616ik8yh] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Quick Links */
.quick-link-card[b-5g616ik8yh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(var(--primary-color-rgb), 0.05);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    text-decoration: none;
    color: var(--text-primary);
    transition: all 0.2s ease;
}

.quick-link-card:hover[b-5g616ik8yh] {
    background: rgba(var(--primary-color-rgb), 0.1);
    transform: translateY(-1px);
    color: var(--primary-color);
}

.quick-link-card i[b-5g616ik8yh] {
    font-size: 1.25rem;
    color: var(--primary-color);
}

/* Organisation Table */
.org-table[b-5g616ik8yh] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.org-table th[b-5g616ik8yh] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
}

.org-table tbody tr:hover td[b-5g616ik8yh] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.05) 0%,
        rgba(var(--primary-color-rgb), 0.1) 100%);
}

.item-name[b-5g616ik8yh] {
    font-weight: 600;
    color: var(--text-primary);
}

.item-date[b-5g616ik8yh] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Action Buttons */
.action-buttons[b-5g616ik8yh] {
    display: inline-flex;
    gap: 0.375rem;
    align-items: center;
}

/* Animations */
.fade-in[b-5g616ik8yh] {
    animation: fadeIn-b-5g616ik8yh 0.3s ease-in-out;
}

@keyframes fadeIn-b-5g616ik8yh {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 767.98px) {
    .org-container[b-5g616ik8yh] {
        padding: 0 0.5rem;
    }

    .org-section-card .card-body[b-5g616ik8yh] {
        padding: 1.25rem;
    }

    .org-header h1[b-5g616ik8yh] {
        font-size: 1.5rem;
    }

    .org-icon[b-5g616ik8yh] {
        font-size: 2.5rem;
    }

    .summary-value[b-5g616ik8yh] {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .org-section-card .card-body[b-5g616ik8yh] {
        padding: 1rem;
    }
}
/* /Components/Pages/Organizations.razor.rz.scp.css */
/* Loading */
.loading-container[b-qq3nzwugyk] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-qq3nzwugyk] {
    width: 3rem;
    height: 3rem;
}

/* Admin Container */
.admin-container[b-qq3nzwugyk] {
    max-width: 960px;
    margin: 0 auto;
}

/* Admin Header */
.admin-header[b-qq3nzwugyk] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.admin-icon[b-qq3nzwugyk] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.admin-header h1[b-qq3nzwugyk] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.admin-subtitle[b-qq3nzwugyk] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Section Cards */
.admin-section-card[b-qq3nzwugyk] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.admin-section-card .card-body[b-qq3nzwugyk] {
    padding: 1.5rem;
}

.section-title[b-qq3nzwugyk] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* Organization Table */
.admin-org-table[b-qq3nzwugyk] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.admin-org-table th[b-qq3nzwugyk] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
}

.admin-org-table tbody tr:hover td[b-qq3nzwugyk] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.05) 0%,
        rgba(var(--primary-color-rgb), 0.1) 100%);
}

.item-name[b-qq3nzwugyk] {
    font-weight: 600;
    color: var(--text-primary);
}

.item-date[b-qq3nzwugyk] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.action-buttons[b-qq3nzwugyk] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

/* Status Badge */
.status-badge[b-qq3nzwugyk] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    gap: 0.25rem;
    transition: all 0.3s ease;
}

.status-therapist[b-qq3nzwugyk] {
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
}

.status-admin[b-qq3nzwugyk] {
    background: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
}

.status-orgadmin[b-qq3nzwugyk] {
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--text-primary);
}

/* Therapist Detail Panel */
.therapist-detail-row td[b-qq3nzwugyk] {
    padding: 0 !important;
    border-top: none;
}

.therapist-detail-panel[b-qq3nzwugyk] {
    background: rgba(var(--primary-color-rgb), 0.03);
    border-top: 1px solid var(--border-color);
}

.therapist-detail-panel h5[b-qq3nzwugyk] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Practice Therapist Sub-Panel */
.practice-therapist-panel[b-qq3nzwugyk] {
    background: rgba(var(--primary-color-rgb), 0.02);
    border-top: 1px dashed var(--border-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.practice-therapist-panel h6[b-qq3nzwugyk] {
    color: var(--text-primary);
    font-weight: 600;
}

.practice-therapist-panel .list-group-item[b-qq3nzwugyk] {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-primary);
    font-size: 0.875rem;
}

/* Animations */
.fade-in[b-qq3nzwugyk] {
    animation: fadeIn-b-qq3nzwugyk 0.3s ease-in-out;
}

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

/* Responsive */
@media (max-width: 767.98px) {
    .admin-container[b-qq3nzwugyk] {
        padding: 0 0.5rem;
    }

    .admin-section-card .card-body[b-qq3nzwugyk] {
        padding: 1.25rem;
    }

    .admin-header h1[b-qq3nzwugyk] {
        font-size: 1.5rem;
    }

    .admin-icon[b-qq3nzwugyk] {
        font-size: 2.5rem;
    }
}

@media (max-width: 575.98px) {
    .admin-section-card .card-body[b-qq3nzwugyk] {
        padding: 1rem;
    }
}
/* /Components/Pages/Practices.razor.rz.scp.css */
/* Loading */
.loading-container[b-45tbetrv0p] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-45tbetrv0p] {
    width: 3rem;
    height: 3rem;
}

/* Practices Container */
.practices-container[b-45tbetrv0p] {
    max-width: 960px;
    margin: 0 auto;
}

/* Practices Header */
.practices-header[b-45tbetrv0p] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.practices-icon[b-45tbetrv0p] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.practices-header h1[b-45tbetrv0p] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.practices-subtitle[b-45tbetrv0p] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Section Cards */
.practices-section-card[b-45tbetrv0p] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.practices-section-card .card-body[b-45tbetrv0p] {
    padding: 1.5rem;
}

.section-title[b-45tbetrv0p] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* Practices Table */
.practices-table[b-45tbetrv0p] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.practices-table th[b-45tbetrv0p] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
}

.practices-table tbody tr:hover td[b-45tbetrv0p] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.05) 0%,
        rgba(var(--primary-color-rgb), 0.1) 100%);
}

.toggle-col[b-45tbetrv0p] {
    width: 2rem;
    text-align: center;
}

.toggle-icon[b-45tbetrv0p] {
    color: var(--text-secondary);
    transition: transform 0.2s ease;
}

.practice-row.expanded .toggle-icon[b-45tbetrv0p] {
    color: var(--primary-color);
}

.item-name[b-45tbetrv0p] {
    font-weight: 600;
    color: var(--text-primary);
}

.item-date[b-45tbetrv0p] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.action-buttons[b-45tbetrv0p] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

/* Status Badge */
.status-badge[b-45tbetrv0p] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    gap: 0.25rem;
    transition: all 0.3s ease;
}

.status-therapist[b-45tbetrv0p] {
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
}

.status-practicemanager[b-45tbetrv0p] {
    background: rgba(var(--primary-color-rgb), 0.12);
    color: var(--text-primary);
}

/* Practice Detail Panel */
.practice-detail-row td[b-45tbetrv0p] {
    padding: 0 !important;
    border-top: none;
}

.practice-detail-panel[b-45tbetrv0p] {
    background: rgba(var(--primary-color-rgb), 0.03);
    border-top: 1px solid var(--border-color);
}

.practice-detail-panel h5[b-45tbetrv0p] {
    color: var(--text-primary);
    font-weight: 600;
}

.practice-detail-panel .list-group-item[b-45tbetrv0p] {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-primary);
    font-size: 0.875rem;
}

/* Animations */
.fade-in[b-45tbetrv0p] {
    animation: fadeIn-b-45tbetrv0p 0.3s ease-in-out;
}

@keyframes fadeIn-b-45tbetrv0p {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 767.98px) {
    .practices-container[b-45tbetrv0p] {
        padding: 0 0.5rem;
    }

    .practices-section-card .card-body[b-45tbetrv0p] {
        padding: 1.25rem;
    }

    .practices-header h1[b-45tbetrv0p] {
        font-size: 1.5rem;
    }

    .practices-icon[b-45tbetrv0p] {
        font-size: 2.5rem;
    }
}

@media (max-width: 575.98px) {
    .practices-section-card .card-body[b-45tbetrv0p] {
        padding: 1rem;
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-hjcobgb1ah] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.6s ease-out;
}

.hero-section[b-hjcobgb1ah]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-hjcobgb1ah] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-hjcobgb1ah] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-hjcobgb1ah] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-hjcobgb1ah] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
    line-height: 1.7;
}

/* Pricing Section */
.pricing-section[b-hjcobgb1ah] {
    margin-bottom: 3rem;
}

/* Pricing Card */
.pricing-card[b-hjcobgb1ah] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.pricing-card:hover[b-hjcobgb1ah] {
    transform: translateY(-4px);
    box-shadow: var(--card-shadow-hover);
}

/* Featured Card */
.pricing-card-featured[b-hjcobgb1ah] {
    border: 2px solid var(--primary-color);
    box-shadow: 0 4px 20px rgba(var(--primary-color-rgb), 0.2);
}

.pricing-card-featured:hover[b-hjcobgb1ah] {
    box-shadow: 0 8px 30px rgba(var(--primary-color-rgb), 0.3);
}

.pricing-badge[b-hjcobgb1ah] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    text-align: center;
    padding: 0.35rem 0;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pricing-card-featured .pricing-card-header[b-hjcobgb1ah] {
    padding-top: 3rem;
}

/* Card Header */
.pricing-card-header[b-hjcobgb1ah] {
    text-align: center;
    padding: 2rem 1.5rem 1rem;
}

.pricing-icon[b-hjcobgb1ah] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.4rem;
    background-color: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.pricing-card:hover .pricing-icon[b-hjcobgb1ah] {
    transform: scale(1.1);
}

.pricing-card-header h3[b-hjcobgb1ah] {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.pricing-audience[b-hjcobgb1ah] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 0;
}

/* Card Body */
.pricing-card-body[b-hjcobgb1ah] {
    padding: 1rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Pricing Amount */
.pricing-amount[b-hjcobgb1ah] {
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.price[b-hjcobgb1ah] {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--primary-color);
    line-height: 1;
}

.period[b-hjcobgb1ah] {
    font-size: 1rem;
    color: var(--text-secondary);
    font-weight: 400;
}

/* Feature List */
.pricing-features[b-hjcobgb1ah] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    flex: 1;
}

.pricing-features li[b-hjcobgb1ah] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: var(--text-primary);
    line-height: 1.4;
}

.pricing-features li i[b-hjcobgb1ah] {
    font-size: 1rem;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

.pricing-features li .bi-check-circle-fill[b-hjcobgb1ah] {
    color: var(--primary-color);
}

.pricing-features li.feature-unavailable[b-hjcobgb1ah] {
    color: var(--text-muted);
}

.pricing-features li.feature-unavailable i[b-hjcobgb1ah] {
    color: var(--text-muted);
}

/* Pricing Button */
.btn-pricing[b-hjcobgb1ah] {
    font-weight: 600;
    border-radius: var(--border-radius-sm);
    padding: 0.65rem 1rem;
    transition: all 0.3s ease;
}

.btn-pricing:hover[b-hjcobgb1ah] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Comparison Table Section */
.comparison-section[b-hjcobgb1ah] {
    margin-bottom: 3rem;
}

.section-title[b-hjcobgb1ah] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    text-align: center;
}

.section-subtitle[b-hjcobgb1ah] {
    color: var(--text-secondary);
    text-align: center;
    max-width: 600px;
    margin: 0 auto 2rem;
    font-size: 1rem;
    line-height: 1.6;
}

.comparison-table[b-hjcobgb1ah] {
    background: var(--card-bg);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    margin-bottom: 0;
}

.comparison-table thead th[b-hjcobgb1ah] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    padding: 1rem 0.75rem;
}

.comparison-table tbody td[b-hjcobgb1ah] {
    padding: 0.85rem 0.75rem;
    color: var(--text-primary);
    border-color: var(--border-color);
    vertical-align: middle;
    font-size: 0.9rem;
}

.comparison-table tbody tr:hover td[b-hjcobgb1ah] {
    background: linear-gradient(135deg,
            rgba(var(--primary-color-rgb), 0.03) 0%,
            rgba(var(--primary-color-rgb), 0.07) 100%);
}

.comparison-featured[b-hjcobgb1ah] {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

/* Info Section */
.info-section[b-hjcobgb1ah] {
    margin-bottom: 3rem;
}

.info-card[b-hjcobgb1ah] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: all 0.3s ease;
}

.info-card:hover[b-hjcobgb1ah] {
    box-shadow: var(--card-shadow-hover);
}

.info-card h2[b-hjcobgb1ah] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.info-card p[b-hjcobgb1ah] {
    color: var(--text-secondary);
    line-height: 1.7;
}

/* FAQ */
.faq-list[b-hjcobgb1ah] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item[b-hjcobgb1ah] {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.faq-item:last-child[b-hjcobgb1ah] {
    border-bottom: none;
    padding-bottom: 0;
}

.faq-item strong[b-hjcobgb1ah] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.95rem;
}

.faq-item p[b-hjcobgb1ah] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

/* Steps List (Which plan section) */
.steps-list[b-hjcobgb1ah] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.step-item[b-hjcobgb1ah] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.step-number[b-hjcobgb1ah] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.step-item strong[b-hjcobgb1ah] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
}

.step-item p[b-hjcobgb1ah] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

/* CTA Section */
.cta-section[b-hjcobgb1ah] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 2rem;
}

.cta-section h2[b-hjcobgb1ah] {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.cta-section p[b-hjcobgb1ah] {
    max-width: 500px;
    margin: 0 auto 2rem;
    opacity: 0.9;
    line-height: 1.7;
}

.cta-buttons[b-hjcobgb1ah] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-btn[b-hjcobgb1ah],
.cta-btn-secondary[b-hjcobgb1ah] {
    font-weight: 600;
    border-radius: var(--border-radius-pill);
    transition: all 0.3s ease;
}

.cta-btn:hover[b-hjcobgb1ah],
.cta-btn-secondary:hover[b-hjcobgb1ah] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Responsive */
@media (max-width: 991.98px) {
    .pricing-card[b-hjcobgb1ah] {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    .hero-section[b-hjcobgb1ah] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-hjcobgb1ah] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-hjcobgb1ah] {
        font-size: 1rem;
    }

    .comparison-table[b-hjcobgb1ah] {
        font-size: 0.85rem;
    }

    .comparison-table thead th[b-hjcobgb1ah] {
        font-size: 0.75rem;
        padding: 0.75rem 0.5rem;
    }

    .comparison-table tbody td[b-hjcobgb1ah] {
        padding: 0.65rem 0.5rem;
    }

    .cta-section[b-hjcobgb1ah] {
        padding: 2rem 1rem;
    }

    .cta-section h2[b-hjcobgb1ah] {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-hjcobgb1ah] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-hjcobgb1ah] {
        font-size: 3rem;
    }

    .hero-section h1[b-hjcobgb1ah] {
        font-size: 1.5rem;
    }

    .section-title[b-hjcobgb1ah] {
        font-size: 1.3rem;
    }

    .pricing-card-body[b-hjcobgb1ah] {
        padding: 1rem 1.25rem 1.5rem;
    }

    .price[b-hjcobgb1ah] {
        font-size: 2rem;
    }

    .info-card[b-hjcobgb1ah] {
        padding: 1.25rem;
    }

    .cta-buttons[b-hjcobgb1ah] {
        flex-direction: column;
        align-items: center;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-ck6zij545r] {
    text-align: center;
    padding: 4rem 1rem;
    background: var(--primary-gradient);
    border-radius: var(--border-radius);
    color: var(--text-on-primary);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.6s ease-out;
}

.hero-section[b-ck6zij545r]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-ck6zij545r] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-ck6zij545r] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

.hero-section h1[b-ck6zij545r] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-ck6zij545r] {
    font-size: 1.15rem;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
    line-height: 1.7;
}

/* Privacy Section */
.privacy-section[b-ck6zij545r] {
    margin-bottom: 3rem;
}

.privacy-card[b-ck6zij545r] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2.5rem;
    box-shadow: var(--card-shadow);
}

.effective-date[b-ck6zij545r] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

/* Policy Sections */
.policy-section[b-ck6zij545r] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--border-color);
}

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

.policy-section h2[b-ck6zij545r] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.policy-section p[b-ck6zij545r] {
    color: var(--text-secondary);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* Policy List */
.policy-list[b-ck6zij545r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.policy-list-item[b-ck6zij545r] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background-color: rgba(var(--bg-secondary-rgb), 0.5);
    border-radius: var(--border-radius-sm);
    transition: all 0.2s ease;
}

.policy-list-item:hover[b-ck6zij545r] {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

.policy-list-item > i[b-ck6zij545r] {
    font-size: 1.2rem;
    color: var(--primary-color);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.policy-list-item strong[b-ck6zij545r] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}

.policy-list-item p[b-ck6zij545r] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

/* Styled List */
.styled-list[b-ck6zij545r] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
}

.styled-list li[b-ck6zij545r] {
    position: relative;
    padding: 0.5rem 0 0.5rem 1.75rem;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.6;
}

.styled-list li[b-ck6zij545r]::before {
    content: '\f26a';
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-size: 0.85rem;
}

/* Security Grid */
.security-grid[b-ck6zij545r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.security-item[b-ck6zij545r] {
    padding: 1.25rem;
    background-color: rgba(var(--bg-secondary-rgb), 0.5);
    border-radius: var(--border-radius-sm);
    text-align: center;
    transition: all 0.2s ease;
}

.security-item:hover[b-ck6zij545r] {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

.security-item i[b-ck6zij545r] {
    font-size: 1.5rem;
    color: var(--primary-color);
    display: block;
    margin-bottom: 0.5rem;
}

.security-item strong[b-ck6zij545r] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}

.security-item p[b-ck6zij545r] {
    margin-bottom: 0;
    font-size: 0.85rem;
}

/* Rights Grid */
.rights-grid[b-ck6zij545r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.rights-item[b-ck6zij545r] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background-color: rgba(var(--bg-secondary-rgb), 0.5);
    border-radius: var(--border-radius-sm);
    transition: all 0.2s ease;
}

.rights-item:hover[b-ck6zij545r] {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

.rights-item > i[b-ck6zij545r] {
    font-size: 1.2rem;
    color: var(--primary-color);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.rights-item strong[b-ck6zij545r] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}

.rights-item p[b-ck6zij545r] {
    margin-bottom: 0;
    font-size: 0.85rem;
}

.rights-note[b-ck6zij545r] {
    margin-top: 1rem;
    font-style: italic;
}

.rights-note a[b-ck6zij545r] {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.rights-note a:hover[b-ck6zij545r] {
    color: var(--accent-color);
}

/* Contact Details */
.contact-details[b-ck6zij545r] {
    background-color: rgba(var(--bg-secondary-rgb), 0.5);
    border-radius: var(--border-radius-sm);
    padding: 1.25rem;
    margin-top: 1rem;
}

.contact-details p[b-ck6zij545r] {
    margin-bottom: 0.5rem;
}

.contact-details p:last-child[b-ck6zij545r] {
    margin-bottom: 0;
}

.contact-details a[b-ck6zij545r] {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-details a:hover[b-ck6zij545r] {
    color: var(--accent-color);
}

/* Responsive */
@media (max-width: 767.98px) {
    .hero-section[b-ck6zij545r] {
        padding: 3rem 1rem;
    }

    .hero-section h1[b-ck6zij545r] {
        font-size: 1.8rem;
    }

    .hero-subtitle[b-ck6zij545r] {
        font-size: 1rem;
    }

    .security-grid[b-ck6zij545r],
    .rights-grid[b-ck6zij545r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .hero-section[b-ck6zij545r] {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .hero-icon[b-ck6zij545r] {
        font-size: 3rem;
    }

    .hero-section h1[b-ck6zij545r] {
        font-size: 1.5rem;
    }

    .privacy-card[b-ck6zij545r] {
        padding: 1.25rem;
    }

    .policy-section h2[b-ck6zij545r] {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/QuizAssessment.razor.rz.scp.css */
.loading-container[b-qtzv6zo6wr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    color: var(--text-secondary);
}

/* Assessment Container */
.assessment-container[b-qtzv6zo6wr] {
    max-width: 700px;
    margin: 0 auto;
}

.text-primary-theme[b-qtzv6zo6wr] {
    color: var(--primary-color) !important;
}

.progress-header[b-qtzv6zo6wr] {
    margin-bottom: 2rem;
}

.progress-label[b-qtzv6zo6wr], .progress-percentage[b-qtzv6zo6wr] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.progress[b-qtzv6zo6wr] {
    background: var(--bg-secondary);
    border-radius: 1rem;
}

.progress-bar[b-qtzv6zo6wr] {
    background: var(--primary-gradient);
    border-radius: 1rem;
    transition: width 0.4s ease;
}

.domain-badge[b-qtzv6zo6wr] {
    display: inline-flex;
    align-items: center;
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    padding: 0.35rem 0.85rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.question-card[b-qtzv6zo6wr] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2.5rem;
    margin-bottom: 2rem;
    animation: fadeIn-b-qtzv6zo6wr 0.3s ease;
}

.question-number[b-qtzv6zo6wr] {
    display: inline-block;
    background: var(--primary-gradient);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.question-text[b-qtzv6zo6wr] {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 2rem;
    line-height: 1.5;
}

.likert-scale[b-qtzv6zo6wr] {
    margin-top: 1rem;
}

.scale-labels[b-qtzv6zo6wr] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

.scale-options[b-qtzv6zo6wr] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
}

.scale-btn[b-qtzv6zo6wr] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 2px solid var(--border-color);
    background: var(--card-bg);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
}

.scale-btn:hover[b-qtzv6zo6wr] {
    border-color: var(--primary-color);
    transform: scale(1.05);
}

.scale-btn.selected[b-qtzv6zo6wr] {
    background: var(--primary-gradient);
    color: white;
    border-color: transparent;
    transform: scale(1.1);
}

.scale-value[b-qtzv6zo6wr] {
    font-size: 1.25rem;
    font-weight: 700;
}

.scale-label[b-qtzv6zo6wr] {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.mc-options[b-qtzv6zo6wr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.mc-btn[b-qtzv6zo6wr] {
    padding: 1.25rem 1.5rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    background: var(--card-bg);
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    font-size: 1rem;
    line-height: 1.4;
}

.mc-btn:hover[b-qtzv6zo6wr] {
    border-color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.05);
}

.mc-btn.selected[b-qtzv6zo6wr] {
    border-color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    font-weight: 600;
}

.true-false-options[b-qtzv6zo6wr] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-top: 1rem;
}

.tf-btn[b-qtzv6zo6wr] {
    padding: 1rem 2.5rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    background: var(--card-bg);
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.1rem;
    font-weight: 500;
}

.tf-btn:hover[b-qtzv6zo6wr] {
    border-color: var(--primary-color);
}

.tf-btn.selected[b-qtzv6zo6wr] {
    background: var(--primary-gradient);
    color: white;
    border-color: transparent;
}

.question-nav[b-qtzv6zo6wr] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.question-dots[b-qtzv6zo6wr] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.dot[b-qtzv6zo6wr] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    border: 2px solid var(--border-color);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
}

.dot:hover[b-qtzv6zo6wr] {
    border-color: var(--primary-color);
    transform: scale(1.2);
}

.dot:disabled[b-qtzv6zo6wr],
.dot:disabled:hover[b-qtzv6zo6wr] {
    cursor: not-allowed;
    opacity: 0.35;
    transform: none;
    border-color: var(--border-color);
    background: transparent;
}

.dot.active[b-qtzv6zo6wr] {
    border-color: var(--primary-color);
    background: var(--primary-color);
    transform: scale(1.2);
}

.dot.answered[b-qtzv6zo6wr] {
    background: rgba(var(--primary-color-rgb), 0.3);
    border-color: var(--primary-color);
}

.dot.answered.active[b-qtzv6zo6wr] {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.completion-container[b-qtzv6zo6wr] {
    text-align: center;
    padding: 3rem 1rem;
}

.completion-icon[b-qtzv6zo6wr] {
    font-size: 4rem;
    color: var(--success-color, #10b981);
    margin-bottom: 1.5rem;
    animation: pulse-b-qtzv6zo6wr 2s ease infinite;
}

.fade-in[b-qtzv6zo6wr] {
    animation: fadeIn-b-qtzv6zo6wr 0.5s ease;
}

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

@keyframes pulse-b-qtzv6zo6wr {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@media (max-width: 767.98px) {
    .question-card[b-qtzv6zo6wr] { padding: 1.5rem; }
    .question-text[b-qtzv6zo6wr] { font-size: 1.1rem; }
    .scale-btn[b-qtzv6zo6wr] { width: 3.5rem; height: 3.5rem; }
    .scale-value[b-qtzv6zo6wr] { font-size: 1rem; }
    .scale-label[b-qtzv6zo6wr] { display: none; }
    .mc-btn[b-qtzv6zo6wr] { padding: 1rem; font-size: 0.9rem; }
}
/* /Components/Pages/QuizResults.razor.rz.scp.css */
.loading-container[b-h3208m7icx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    color: var(--text-secondary);
}

.text-primary-theme[b-h3208m7icx] {
    color: var(--primary-color) !important;
}

.results-container[b-h3208m7icx] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
}

.results-header[b-h3208m7icx] {
    text-align: center;
    margin-bottom: 2rem;
}

.results-icon[b-h3208m7icx] {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.results-header h1[b-h3208m7icx] {
    color: var(--text-primary);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.results-date[b-h3208m7icx] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.primary-result-card[b-h3208m7icx] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    text-align: center;
    margin-bottom: 2rem;
    overflow: hidden;
}

.primary-result-card .card-body[b-h3208m7icx] {
    padding: 2.5rem;
}

.result-summary[b-h3208m7icx] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.severity-badge[b-h3208m7icx] {
    display: inline-block;
    padding: 0.35rem 1.25rem;
    border-radius: var(--border-radius-pill);
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.severity-low[b-h3208m7icx] {
    background: rgba(16, 185, 129, 0.15);
    color: rgb(16, 185, 129);
}

.severity-moderate[b-h3208m7icx] {
    background: rgba(245, 158, 11, 0.15);
    color: rgb(245, 158, 11);
}

.severity-high[b-h3208m7icx] {
    background: rgba(239, 68, 68, 0.15);
    color: rgb(239, 68, 68);
}

.severity-severe[b-h3208m7icx] {
    background: rgba(185, 28, 28, 0.15);
    color: rgb(185, 28, 28);
}

.total-score[b-h3208m7icx] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-top: 0.5rem;
}

.subscales-card[b-h3208m7icx] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin-bottom: 2rem;
}

.subscales-card .card-body[b-h3208m7icx] {
    padding: 2rem;
}

.subscales-title[b-h3208m7icx] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.subscale-item[b-h3208m7icx] {
    margin-bottom: 1.25rem;
}

.subscale-header[b-h3208m7icx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.subscale-dot[b-h3208m7icx] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: var(--primary-color);
}

.subscale-name[b-h3208m7icx] {
    font-weight: 600;
    color: var(--text-primary);
}

.subscale-value[b-h3208m7icx] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.subscale-progress[b-h3208m7icx] {
    height: 0.5rem;
    background: var(--bg-secondary);
    border-radius: 1rem;
}

.subscale-bar[b-h3208m7icx] {
    background: var(--primary-gradient);
    border-radius: 1rem;
    transition: width 0.5s ease;
}

.subscale-interpretation[b-h3208m7icx] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
    display: block;
}

.info-card[b-h3208m7icx] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin-bottom: 2rem;
}

.info-card .card-body[b-h3208m7icx] {
    padding: 2rem;
}

.info-card h4[b-h3208m7icx] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 1rem;
}

.info-card p[b-h3208m7icx] {
    color: var(--text-secondary);
    line-height: 1.6;
}

.disclaimer[b-h3208m7icx] {
    font-size: 0.85rem;
    margin-top: 1rem;
}

.results-actions[b-h3208m7icx] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.fade-in[b-h3208m7icx] {
    animation: fadeIn-b-h3208m7icx 0.5s ease;
}

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

/* Therapist View */
.report-header-actions[b-h3208m7icx] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.therapist-badge[b-h3208m7icx] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.9rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.12);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
}

.response-count-badge[b-h3208m7icx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.6rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
}

.admin-responses-table[b-h3208m7icx] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.admin-responses-table th[b-h3208m7icx] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
    white-space: nowrap;
}

.admin-responses-table td[b-h3208m7icx] {
    color: var(--text-primary);
    border-color: var(--border-color);
    font-size: 0.9rem;
    vertical-align: middle;
}

.admin-responses-table tbody tr:hover td[b-h3208m7icx] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.04) 0%,
        rgba(var(--primary-color-rgb), 0.08) 100%);
}

.col-num[b-h3208m7icx] {
    width: 2.5rem;
    text-align: center;
}

.question-text[b-h3208m7icx] {
    color: var(--text-primary);
    line-height: 1.5;
}

.response-value[b-h3208m7icx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--primary-color);
}

.subscale-tag[b-h3208m7icx] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--border-radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(var(--primary-color-rgb), 0.12);
    color: var(--primary-color);
}

@media (max-width: 767.98px) {
    .primary-result-card .card-body[b-h3208m7icx] { padding: 1.5rem; }
    .result-summary[b-h3208m7icx] { font-size: 1.5rem; }
    .results-actions[b-h3208m7icx] { flex-direction: column; align-items: stretch; }
    .results-actions .btn[b-h3208m7icx] { text-align: center; }
    .report-header-actions[b-h3208m7icx] { flex-direction: column; }
    .admin-responses-table th[b-h3208m7icx] { font-size: 0.7rem; }
}

@media print {
    .no-print[b-h3208m7icx] { display: none !important; }
    .results-container[b-h3208m7icx] { max-width: 100%; }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.auth-container[b-dnxbq69n2v] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 1rem;
    min-height: 80vh;
}

.auth-card[b-dnxbq69n2v] {
    width: 100%;
    max-width: 440px;
    background: var(--card-bg);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    animation: fadeInUp 0.4s ease;
}

.auth-card-header[b-dnxbq69n2v] {
    background: var(--primary-gradient);
    color: white;
    text-align: center;
    padding: 2rem 1.5rem;
}

.auth-card-header h1[b-dnxbq69n2v] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0.75rem 0 0.25rem;
}

.auth-card-header p[b-dnxbq69n2v] {
    font-size: 0.9rem;
    opacity: 0.9;
    margin: 0;
}

.auth-icon[b-dnxbq69n2v] {
    font-size: 2.5rem;
    opacity: 0.95;
}

.auth-card-body[b-dnxbq69n2v] {
    padding: 2rem 1.5rem;
}

.auth-submit-btn[b-dnxbq69n2v] {
    height: 2.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
}

.auth-links[b-dnxbq69n2v] {
    text-align: center;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-color);
}

.auth-link[b-dnxbq69n2v] {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

    .auth-link:hover[b-dnxbq69n2v] {
        color: var(--accent-color);
    }

@media (max-width: 575.98px) {
    .auth-card-body[b-dnxbq69n2v] {
        padding: 1.5rem 1.25rem;
    }

    .auth-card-header[b-dnxbq69n2v] {
        padding: 1.5rem 1.25rem;
    }
}
/* /Components/Pages/Results.razor.rz.scp.css */
/* Loading */
.loading-container[b-jv1lm9i8tm] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-jv1lm9i8tm] {
    width: 3rem;
    height: 3rem;
}

/* Results Container */
.results-container[b-jv1lm9i8tm] {
    max-width: 800px;
    margin: 0 auto;
}

/* Card Body Padding */
.card-body[b-jv1lm9i8tm] {
    padding: 1.5rem;
}

/* Results Header */
.results-header[b-jv1lm9i8tm] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.results-icon[b-jv1lm9i8tm] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.results-header h1[b-jv1lm9i8tm] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.results-date[b-jv1lm9i8tm] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Primary Style Card */
.primary-style-card[b-jv1lm9i8tm] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.style-icon[b-jv1lm9i8tm] {
    width: 3.5rem;
    height: 3.5rem;
    min-width: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.style-icon.secure[b-jv1lm9i8tm] {
    background-color: rgba(42, 157, 143, 0.15);
    color: #2a9d8f;
}

.style-icon.anxious[b-jv1lm9i8tm] {
    background-color: rgba(231, 111, 81, 0.15);
    color: #e76f51;
}

.style-icon.avoidant[b-jv1lm9i8tm] {
    background-color: rgba(38, 70, 83, 0.15);
    color: #264653;
}

[data-theme="dark"] .style-icon.avoidant[b-jv1lm9i8tm] {
    background-color: rgba(108, 117, 125, 0.2);
    color: #9aa0a6;
}

.style-icon.disorganized[b-jv1lm9i8tm] {
    background-color: rgba(244, 162, 97, 0.15);
    color: #f4a261;
}

.primary-style-card h2[b-jv1lm9i8tm] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
}

.interpretation-badge[b-jv1lm9i8tm] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: var(--border-radius-pill);
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.style-description[b-jv1lm9i8tm] {
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: 0;
}

.secondary-style[b-jv1lm9i8tm] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background-color: rgba(var(--accent-color-rgb), 0.08);
    border-radius: var(--border-radius-sm);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Scores Card */
.scores-card[b-jv1lm9i8tm] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
}

.scores-title[b-jv1lm9i8tm] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.score-item[b-jv1lm9i8tm] {
    margin-bottom: 1.25rem;
}

.score-item:last-child[b-jv1lm9i8tm] {
    margin-bottom: 0;
}

.score-header[b-jv1lm9i8tm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.score-dot[b-jv1lm9i8tm] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    display: inline-block;
}

.score-dot.secure[b-jv1lm9i8tm] {
    background-color: #2a9d8f;
}

.score-dot.anxious[b-jv1lm9i8tm] {
    background-color: #e76f51;
}

.score-dot.avoidant[b-jv1lm9i8tm] {
    background-color: #264653;
}

[data-theme="dark"] .score-dot.avoidant[b-jv1lm9i8tm] {
    background-color: #6c757d;
}

.score-dot.disorganized[b-jv1lm9i8tm] {
    background-color: #f4a261;
}

.score-name[b-jv1lm9i8tm] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.score-value[b-jv1lm9i8tm] {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.score-progress[b-jv1lm9i8tm] {
    height: 0.6rem;
    border-radius: var(--border-radius-pill);
    background-color: var(--bg-tertiary);
}

.score-bar-secure[b-jv1lm9i8tm] {
    background: linear-gradient(90deg, #2a9d8f, #5cc5b8) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

.score-bar-anxious[b-jv1lm9i8tm] {
    background: linear-gradient(90deg, #e76f51, #ef9a7c) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

.score-bar-avoidant[b-jv1lm9i8tm] {
    background: linear-gradient(90deg, #264653, #4a7c8a) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

.score-bar-disorganized[b-jv1lm9i8tm] {
    background: linear-gradient(90deg, #f4a261, #f7c99b) !important;
    border-radius: var(--border-radius-pill);
    transition: width 1s ease;
}

/* Insight Cards */
.insight-card[b-jv1lm9i8tm] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    height: 100%;
    transition: all 0.3s ease;
}

.insight-card:hover[b-jv1lm9i8tm] {
    box-shadow: var(--card-shadow-hover);
}

.insight-card h4[b-jv1lm9i8tm] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0.75rem;
}

.insight-card p[b-jv1lm9i8tm] {
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 0.95rem;
}

/* Email Results */
.email-results-card[b-jv1lm9i8tm] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 2rem;
}

.email-results-card h4[b-jv1lm9i8tm] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.email-results-card .form-label[b-jv1lm9i8tm] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.email-results-card .form-control[b-jv1lm9i8tm] {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.email-results-card .form-control:focus[b-jv1lm9i8tm] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.15);
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* Actions */
.results-actions[b-jv1lm9i8tm] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

/* Print */
@media print {
    .no-print[b-jv1lm9i8tm],
    .results-actions[b-jv1lm9i8tm],
    .email-results-card[b-jv1lm9i8tm] {
        display: none !important;
    }

    .results-container[b-jv1lm9i8tm] {
        max-width: 100%;
    }

    .primary-style-card[b-jv1lm9i8tm],
    .scores-card[b-jv1lm9i8tm],
    .insight-card[b-jv1lm9i8tm] {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .score-bar-secure[b-jv1lm9i8tm],
    .score-bar-anxious[b-jv1lm9i8tm],
    .score-bar-avoidant[b-jv1lm9i8tm],
    .score-bar-disorganized[b-jv1lm9i8tm] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}

/* Responsive */
@media (max-width: 767.98px) {
    .results-header h1[b-jv1lm9i8tm] {
        font-size: 1.5rem;
    }

    .primary-style-card h2[b-jv1lm9i8tm] {
        font-size: 1.3rem;
    }

    .results-actions[b-jv1lm9i8tm] {
        flex-direction: column;
        align-items: stretch;
    }

    .results-actions .btn[b-jv1lm9i8tm] {
        text-align: center;
    }
}
/* /Components/Pages/Therapists.razor.rz.scp.css */
/* Loading */
.loading-container[b-uwoew9gjls] {
    text-align: center;
    padding: 5rem 1rem;
    color: var(--text-secondary);
}

.loading-container .spinner-border[b-uwoew9gjls] {
    width: 3rem;
    height: 3rem;
}

/* Therapists Container */
.therapists-container[b-uwoew9gjls] {
    max-width: 960px;
    margin: 0 auto;
}

/* Therapists Header */
.therapists-header[b-uwoew9gjls] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.therapists-icon[b-uwoew9gjls] {
    font-size: 3.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.therapists-header h1[b-uwoew9gjls] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.therapists-subtitle[b-uwoew9gjls] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Section Cards */
.therapists-section-card[b-uwoew9gjls] {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    border-top: 4px solid var(--primary-color);
}

.therapists-section-card .card-body[b-uwoew9gjls] {
    padding: 1.5rem;
}

.section-title[b-uwoew9gjls] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* Therapists Table */
.therapists-table[b-uwoew9gjls] {
    width: 100%;
    margin-bottom: 0;
    background: var(--card-bg);
}

.therapists-table th[b-uwoew9gjls] {
    background: rgba(var(--bg-secondary-rgb), 0.8);
    color: var(--text-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border-color);
}

.therapists-table tbody tr:hover td[b-uwoew9gjls] {
    background: linear-gradient(135deg,
        rgba(var(--primary-color-rgb), 0.05) 0%,
        rgba(var(--primary-color-rgb), 0.1) 100%);
}

.toggle-col[b-uwoew9gjls] {
    width: 2rem;
    text-align: center;
}

.toggle-icon[b-uwoew9gjls] {
    color: var(--text-secondary);
    transition: transform 0.2s ease;
}

.therapist-row.expanded .toggle-icon[b-uwoew9gjls] {
    color: var(--primary-color);
}

.item-name[b-uwoew9gjls] {
    font-weight: 600;
    color: var(--text-primary);
}

.item-email[b-uwoew9gjls] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Status Badge */
.status-badge[b-uwoew9gjls] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    gap: 0.25rem;
    transition: all 0.3s ease;
}

.status-therapist[b-uwoew9gjls] {
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--primary-color);
}

.status-admin[b-uwoew9gjls] {
    background: rgba(var(--primary-color-rgb), 0.15);
    color: var(--primary-color);
}

.status-orgadmin[b-uwoew9gjls] {
    background: rgba(var(--primary-color-rgb), 0.1);
    color: var(--text-primary);
}

.status-practicemanager[b-uwoew9gjls] {
    background: rgba(var(--primary-color-rgb), 0.12);
    color: var(--text-primary);
}

/* Practice Badges */
.practice-badges[b-uwoew9gjls] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.practice-badge[b-uwoew9gjls] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--border-radius-pill);
    font-size: 0.7rem;
    font-weight: 500;
    background: rgba(var(--primary-color-rgb), 0.08);
    color: var(--primary-color);
    border: 1px solid rgba(var(--primary-color-rgb), 0.15);
}

/* Therapist Detail Panel */
.therapist-detail-row td[b-uwoew9gjls] {
    padding: 0 !important;
    border-top: none;
}

.therapist-detail-panel[b-uwoew9gjls] {
    background: rgba(var(--primary-color-rgb), 0.03);
    border-top: 1px solid var(--border-color);
}

.therapist-detail-panel h6[b-uwoew9gjls] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.therapist-detail-panel .list-group-item[b-uwoew9gjls] {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-primary);
    font-size: 0.875rem;
}

/* Animations */
.fade-in[b-uwoew9gjls] {
    animation: fadeIn-b-uwoew9gjls 0.3s ease-in-out;
}

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

/* Delete confirmation modal */
.modal-backdrop-custom[b-uwoew9gjls] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeBackdropIn-b-uwoew9gjls 0.2s ease;
}

.modal-dialog-custom[b-uwoew9gjls] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
    max-width: 420px;
    width: 90%;
    animation: slideIn-b-uwoew9gjls 0.25s ease;
}

.modal-header-custom[b-uwoew9gjls] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--text-primary);
}

.modal-body-custom[b-uwoew9gjls] {
    padding: 1.5rem;
    color: var(--text-primary);
}

.modal-footer-custom[b-uwoew9gjls] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

@keyframes fadeBackdropIn-b-uwoew9gjls {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn-b-uwoew9gjls {
    from { transform: translateY(-16px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Responsive */
@media (max-width: 767.98px) {
    .therapists-container[b-uwoew9gjls] {
        padding: 0 0.5rem;
    }

    .therapists-section-card .card-body[b-uwoew9gjls] {
        padding: 1.25rem;
    }

    .therapists-header h1[b-uwoew9gjls] {
        font-size: 1.5rem;
    }

    .therapists-icon[b-uwoew9gjls] {
        font-size: 2.5rem;
    }
}

@media (max-width: 575.98px) {
    .therapists-section-card .card-body[b-uwoew9gjls] {
        padding: 1rem;
    }
}
/* /Components/Shared/ServerError.razor.rz.scp.css */
.server-error-card[b-5q4nd1l73x] {
    max-width: 32rem;
    margin: 3rem auto;
    padding: 2rem;
    text-align: center;
    background: var(--card-bg);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    animation: fadeIn 0.4s ease;
}

.server-error-icon[b-5q4nd1l73x] {
    font-size: 3rem;
    color: var(--accent-color);
    margin-bottom: 1rem;
}

.server-error-title[b-5q4nd1l73x] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
}

.server-error-message[b-5q4nd1l73x] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.server-error-retry[b-5q4nd1l73x] {
    min-width: 8rem;
}