/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-23clkwpd5j] {
    min-height: 100vh;
    background:
        radial-gradient(60% 50% at 50% 0%, rgba(124, 92, 255, 0.12), transparent 70%),
        #08080C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.auth-content[b-23clkwpd5j] {
    width: 100%;
    max-width: 400px;
    padding: 1.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Brand (top-left) ── */
.brand[b-gzd46bf6vr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: #F5F5F7;
    flex-shrink: 0;
}

.brand-logo[b-gzd46bf6vr] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: conic-gradient(from 140deg, #9D86FF, #6D4DF6, #4C2FD6, #9D86FF);
    box-shadow: 0 0 0 4px rgba(124, 92, 255, 0.10);
}

.brand-name[b-gzd46bf6vr] {
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
}

/* ── Right actions ── */
.top-actions[b-gzd46bf6vr] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

[b-gzd46bf6vr] .user-avatar {
    width: 38px;
    height: 38px;
    font-size: 0.9rem;
    font-weight: 600;
    background: linear-gradient(135deg, #8B6BFF 0%, #6D4DF6 100%);
    color: #fff;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.08);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

[b-gzd46bf6vr] .user-avatar:hover {
    transform: scale(1.05);
    box-shadow: 0 0 0 4px rgba(124, 92, 255, 0.18);
}

.user-menu-head[b-gzd46bf6vr] {
    padding: 0.5rem 1rem 0.4rem;
    min-width: 180px;
}

[b-gzd46bf6vr] .nav-burger {
    color: #9A9AAE;
}

/* ── Mobile nav drawer content ── */
[b-gzd46bf6vr] .mud-drawer-content {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding-top: 0.75rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Horizontal pill nav styles live in app.css — Blazor scoped CSS does not reach
   the <a> rendered by the NavLink child component. */

/* ── Vertical nav (mobile drawer) ── */
[b-47oxnrosi2] .mud-navmenu {
    overflow-x: hidden;
}

[b-47oxnrosi2] .mud-nav-link {
    height: 2.4rem;
    min-height: 2.4rem;
    padding: 0 0.75rem;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 400;
    color: #9A9AAE;
    transition: background-color 0.12s ease, color 0.12s ease;
}

[b-47oxnrosi2] .mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.06);
    color: #F5F5F7;
}

[b-47oxnrosi2] .mud-nav-link.active {
    background-color: rgba(124, 92, 255, 0.14);
    color: #F5F5F7;
    font-weight: 500;
}

[b-47oxnrosi2] .mud-nav-link-icon-wrapper {
    width: 1.1rem;
    height: 1.1rem;
    min-width: 1.1rem;
    margin-right: 0.65rem;
    opacity: 0.8;
}

[b-47oxnrosi2] .mud-nav-link.active .mud-nav-link-icon-wrapper {
    opacity: 1;
}

[b-47oxnrosi2] .mud-nav-link-icon-wrapper svg {
    width: 1.1rem;
    height: 1.1rem;
}

[b-47oxnrosi2] .mud-nav-item {
    margin: 2px 10px;
}

[b-47oxnrosi2] .active-session-link,
[b-47oxnrosi2] .active-session-link .mud-nav-link {
    color: #BCA8FF !important;
}

.session-pulse-dot[b-47oxnrosi2] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #9D86FF;
    box-shadow: 0 0 0 0 rgba(157, 134, 255, 0.6);
    margin-left: auto;
    flex-shrink: 0;
    animation: session-pulse-b-47oxnrosi2 1.8s ease-in-out infinite;
}

@keyframes session-pulse-b-47oxnrosi2 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.35; transform: scale(0.7); }
}

.nav-user-section[b-47oxnrosi2] {
    margin-top: auto;
    padding-bottom: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1rhwln6xmr],
.components-reconnect-repeated-attempt-visible[b-1rhwln6xmr],
.components-reconnect-failed-visible[b-1rhwln6xmr],
.components-pause-visible[b-1rhwln6xmr],
.components-resume-failed-visible[b-1rhwln6xmr],
.components-rejoining-animation[b-1rhwln6xmr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-retrying[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-failed[b-1rhwln6xmr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-1rhwln6xmr] {
    display: block;
}


#components-reconnect-modal[b-1rhwln6xmr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1rhwln6xmr 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-1rhwln6xmr 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-1rhwln6xmr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-1rhwln6xmr]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-1rhwln6xmr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-1rhwln6xmr {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-1rhwln6xmr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-1rhwln6xmr {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-1rhwln6xmr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-1rhwln6xmr] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-1rhwln6xmr] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-1rhwln6xmr] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-1rhwln6xmr] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-1rhwln6xmr] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-1rhwln6xmr] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-1rhwln6xmr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-1rhwln6xmr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-1rhwln6xmr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Auth/LoginPage.razor.rz.scp.css */
.auth-card[b-e80rf6z30b] {
    background: #15151D;
    border: 1px solid #26262F;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.auth-header[b-e80rf6z30b] {
    text-align: center;
    margin-bottom: 2rem;
}

.auth-logo[b-e80rf6z30b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(124, 92, 255, 0.14);
    border-radius: 14px;
    margin-bottom: 1rem;
}

.auth-title[b-e80rf6z30b] {
    color: #F5F5F7;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    letter-spacing: -0.02em;
}

.auth-subtitle[b-e80rf6z30b] {
    color: #9A9AAE;
    font-size: 0.875rem;
    margin: 0;
}

.auth-error[b-e80rf6z30b] {
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #F87171;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
}

.auth-form[b-e80rf6z30b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-field[b-e80rf6z30b] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.auth-field label[b-e80rf6z30b] {
    color: #9A9AAE;
    font-size: 0.8125rem;
    font-weight: 500;
}

.auth-field input[b-e80rf6z30b] {
    background: #0E0E15;
    border: 1px solid #333340;
    border-radius: 10px;
    color: #F5F5F7;
    font-size: 0.9375rem;
    padding: 0.625rem 0.875rem;
    outline: none;
    transition: border-color 0.15s;
    font-family: inherit;
    width: 100%;
    box-sizing: border-box;
}

.auth-field input[b-e80rf6z30b]::placeholder {
    color: #555;
}

.auth-field input:focus[b-e80rf6z30b] {
    border-color: #7C5CFF;
}

.auth-btn[b-e80rf6z30b] {
    background: linear-gradient(135deg, #8B6BFF 0%, #6D4DF6 100%);
    border: none;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 600;
    padding: 0.75rem;
    margin-top: 0.25rem;
    transition: box-shadow 0.15s, transform 0.15s;
    font-family: inherit;
    width: 100%;
}

.auth-btn:hover[b-e80rf6z30b] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(124, 92, 255, 0.3);
}

.auth-footer[b-e80rf6z30b] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.875rem;
    color: #9A9AAE;
}

.auth-footer a[b-e80rf6z30b] {
    color: #9A9AAE;
    text-decoration: none;
}

.auth-footer a span[b-e80rf6z30b] {
    color: #9D86FF;
}

.auth-footer a:hover span[b-e80rf6z30b] {
    text-decoration: underline;
}
/* /Components/Pages/Auth/RegisterPage.razor.rz.scp.css */
.auth-card[b-n9zn28w6d4] {
    background: #15151D;
    border: 1px solid #26262F;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.auth-header[b-n9zn28w6d4] {
    text-align: center;
    margin-bottom: 2rem;
}

.auth-logo[b-n9zn28w6d4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(124, 92, 255, 0.14);
    border-radius: 14px;
    margin-bottom: 1rem;
}

.auth-title[b-n9zn28w6d4] {
    color: #F5F5F7;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    letter-spacing: -0.02em;
}

.auth-subtitle[b-n9zn28w6d4] {
    color: #9A9AAE;
    font-size: 0.875rem;
    margin: 0;
}

.auth-error[b-n9zn28w6d4] {
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #F87171;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
}

.auth-form[b-n9zn28w6d4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-field[b-n9zn28w6d4] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.auth-field label[b-n9zn28w6d4] {
    color: #9A9AAE;
    font-size: 0.8125rem;
    font-weight: 500;
}

.auth-field input[b-n9zn28w6d4] {
    background: #0E0E15;
    border: 1px solid #333340;
    border-radius: 10px;
    color: #F5F5F7;
    font-size: 0.9375rem;
    padding: 0.625rem 0.875rem;
    outline: none;
    transition: border-color 0.15s;
    font-family: inherit;
    width: 100%;
    box-sizing: border-box;
}

.auth-field input[b-n9zn28w6d4]::placeholder {
    color: #555;
}

.auth-field input:focus[b-n9zn28w6d4] {
    border-color: #7C5CFF;
}

.auth-btn[b-n9zn28w6d4] {
    background: linear-gradient(135deg, #8B6BFF 0%, #6D4DF6 100%);
    border: none;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 600;
    padding: 0.75rem;
    margin-top: 0.25rem;
    transition: box-shadow 0.15s, transform 0.15s;
    font-family: inherit;
    width: 100%;
}

.auth-btn:hover[b-n9zn28w6d4] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(124, 92, 255, 0.3);
}

.auth-footer[b-n9zn28w6d4] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.875rem;
    color: #9A9AAE;
}

.auth-footer a[b-n9zn28w6d4] {
    color: #9A9AAE;
    text-decoration: none;
}

.auth-footer a span[b-n9zn28w6d4] {
    color: #9D86FF;
}

.auth-footer a:hover span[b-n9zn28w6d4] {
    text-decoration: underline;
}
/* /Components/Pages/Exercises/ExerciseFormDialog.razor.rz.scp.css */
[b-xxawgpnr7z] .dialog-subtitle {
    color: #9A9AAE;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

/* Divider flush — no extra vertical space */
[b-xxawgpnr7z] .field-divider {
    margin: 0;
}

/* Two-column form row */
.form-field-row[b-xxawgpnr7z] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.125rem 0;
}

.form-field-label[b-xxawgpnr7z] {
    flex: 0 0 130px;
    min-width: 130px;
    padding-top: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.label-text[b-xxawgpnr7z] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #EDEDED;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.label-hint[b-xxawgpnr7z] {
    font-size: 0.75rem;
    color: #9A9AAE;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.form-field-input[b-xxawgpnr7z] {
    flex: 1;
    min-width: 0;
}

/* Media preview in form */
.media-preview[b-xxawgpnr7z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.exercise-media-thumb[b-xxawgpnr7z] {
    max-width: 160px;
    max-height: 120px;
    border-radius: 6px;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Stack on narrow screens */
@media (max-width: 480px) {
    .form-field-row[b-xxawgpnr7z] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .form-field-label[b-xxawgpnr7z] {
        flex: none;
        padding-top: 0;
    }
}
/* /Components/Pages/Exercises/ExercisesPage.razor.rz.scp.css */
.exercise-filters[b-jllnphbf9y] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 20px;
}

.exercise-filters-header[b-jllnphbf9y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    color: #9A9AAE;
}

.exercise-filters-title[b-jllnphbf9y] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.exercise-filters[b-jllnphbf9y]  .mud-input-control {
    min-width: 200px;
    flex: 1 1 200px;
}

/* 3 per row on mobile, more as the viewport grows */
.exercise-grid[b-jllnphbf9y] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

@media (min-width: 600px) {
    .exercise-grid[b-jllnphbf9y] {
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }
}

@media (min-width: 960px) {
    .exercise-grid[b-jllnphbf9y] {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 1280px) {
    .exercise-grid[b-jllnphbf9y] {
        grid-template-columns: repeat(6, 1fr);
    }
}

.exercise-card[b-jllnphbf9y] {
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    overflow: hidden;
    transition: border-color .15s ease, transform .15s ease;
}

.exercise-card:hover[b-jllnphbf9y] {
    border-color: var(--accent-line);
    transform: translateY(-2px);
}

.exercise-thumb[b-jllnphbf9y] {
    position: relative;
    aspect-ratio: 1 / 1;
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.exercise-thumb img[b-jllnphbf9y] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* tone down harsh white backgrounds against the dark UI; full image on hover */
    opacity: 0.82;
    transition: opacity .15s ease;
}

.exercise-card:hover .exercise-thumb img[b-jllnphbf9y] {
    opacity: 1;
}

.exercise-thumb-placeholder[b-jllnphbf9y] {
    font-size: 2.25rem !important;
    color: #3A3A48;
}

.exercise-badge[b-jllnphbf9y] {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--accent-bright);
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--accent-line);
    backdrop-filter: blur(4px);
}

.exercise-actions[b-jllnphbf9y] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    gap: 2px;
    padding: 2px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.exercise-actions[b-jllnphbf9y]  .mud-icon-button {
    color: #E6E6F0;
    padding: 4px;
}

/* Hide actions until hover on devices that support it; keep visible on touch */
@media (hover: hover) {
    .exercise-actions[b-jllnphbf9y] {
        opacity: 0;
        transition: opacity .15s ease;
    }

    .exercise-card:hover .exercise-actions[b-jllnphbf9y] {
        opacity: 1;
    }
}

.exercise-body[b-jllnphbf9y] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.625rem 0.75rem;
    height: 64px;
}

.exercise-name[b-jllnphbf9y] {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.25;
    color: #E6E6F0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.exercise-category[b-jllnphbf9y] {
    font-size: 0.7rem;
    color: #9A9AAE;
}

.exercise-pagination[b-jllnphbf9y] {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

@media (max-width: 599px) {
    .exercise-name[b-jllnphbf9y] {
        font-size: 0.72rem;
    }

    .exercise-category[b-jllnphbf9y] {
        font-size: 0.62rem;
    }

    .exercise-body[b-jllnphbf9y] {
        padding: 0.5rem;
        height: 56px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-header[b-du6zcti9xj] {
    margin-bottom: 2rem;
}

.hero-title[b-du6zcti9xj] {
    line-height: 1.1 !important;
}

.hero-name[b-du6zcti9xj] {
    color: #9A9AAE;
    font-weight: 700;
}

.hero-date[b-du6zcti9xj] {
    margin-top: 0.5rem;
    text-transform: capitalize;
}

@media (max-width: 600px) {
    .hero-title[b-du6zcti9xj] {
        font-size: 2rem !important;
    }
}

/* ── Hero panel ── */
.hero-grid[b-du6zcti9xj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 2rem;
    padding: 1.5rem;
}

.hero-stats[b-du6zcti9xj] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

.hero-stats-value[b-du6zcti9xj] {
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin: 0.25rem 0;
}

.hero-sparkline[b-du6zcti9xj] {
    margin-top: 1rem;
}

.hero-mini-stats[b-du6zcti9xj] {
    display: flex;
    gap: 1rem;
}

.hero-mini[b-du6zcti9xj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
    padding: 0.875rem;
    border-radius: 14px;
    background: var(--line-soft);
}

.hero-mini-top[b-du6zcti9xj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.hero-mini-spark[b-du6zcti9xj] {
    margin-top: 0.25rem;
}

.hero-chart[b-du6zcti9xj] {
    border-left: 1px dashed var(--line-soft);
    padding-left: 2rem;
    min-width: 0;
}

.hero-chart-head[b-du6zcti9xj] {
    margin-bottom: 0.5rem;
}

@media (max-width: 960px) {
    .hero-grid[b-du6zcti9xj] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .hero-chart[b-du6zcti9xj] {
        border-left: none;
        border-top: 1px dashed var(--line-soft);
        padding-left: 0;
        padding-top: 1.5rem;
    }
}

/* ── KPI Stat cards ── */
.stat-card[b-du6zcti9xj] {
    height: 100%;
}

.stat-inner[b-du6zcti9xj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.stat-icon[b-du6zcti9xj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 12px;
}

.stat-icon-green[b-du6zcti9xj]  { background: rgba(74, 222, 128, 0.12); color: #4ADE80; }
.stat-icon-blue[b-du6zcti9xj]   { background: rgba(96, 165, 250, 0.12); color: #60A5FA; }
.stat-icon-purple[b-du6zcti9xj] { background: rgba(124, 92, 255, 0.16); color: #9D86FF; }
.stat-icon-orange[b-du6zcti9xj] { background: rgba(245, 158, 11, 0.12); color: #F59E0B; }

.stat-body[b-du6zcti9xj] {
    flex: 1;
    min-width: 0;
}

.stat-label[b-du6zcti9xj] {
    color: #9A9AAE;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.stat-value[b-du6zcti9xj] {
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.stat-sub[b-du6zcti9xj] {
    color: #6B6B7B;
    font-size: 0.7rem;
    margin-top: 0.25rem;
}

/* ── Chart cards ── */
.chart-card[b-du6zcti9xj] {
    height: 100%;
}

.chart-title[b-du6zcti9xj] {
    font-weight: 600 !important;
}

.chart-subtitle[b-du6zcti9xj] {
    display: block;
    margin-bottom: 0.75rem;
}

.empty-chart[b-du6zcti9xj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 260px;
    gap: 0.5rem;
}

.empty-chart-icon[b-du6zcti9xj] {
    font-size: 2.5rem !important;
    color: #26262F;
}

/* ── Recent sessions list ── */
.recent-list[b-du6zcti9xj] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.recent-item[b-du6zcti9xj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--line-soft);
}

.recent-item:last-child[b-du6zcti9xj] {
    border-bottom: none;
}

.recent-item-main[b-du6zcti9xj] {
    min-width: 0;
}

.recent-item-stats[b-du6zcti9xj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
    flex-shrink: 0;
    margin-left: 0.75rem;
}

/* ── Body measurement panels ── */
.section-title[b-du6zcti9xj] {
    font-weight: 600 !important;
    margin-bottom: 0.75rem;
    display: block;
}

.measure-grid[b-du6zcti9xj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.measure-panel[b-du6zcti9xj] {
    height: 100%;
}

.measure-panel-title[b-du6zcti9xj] {
    font-weight: 600 !important;
    display: block;
    margin-bottom: 0.25rem;
}

.measure-row[b-du6zcti9xj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.4rem 0;
}

.measure-row + .measure-row[b-du6zcti9xj] {
    border-top: 1px solid var(--line-soft);
}

.measure-info[b-du6zcti9xj] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    min-width: 0;
}

.measure-side[b-du6zcti9xj] {
    font-size: 0.7rem;
    color: #6B6B7B;
    width: 1.9rem;
    flex-shrink: 0;
}

.measure-value[b-du6zcti9xj] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #E6E6F0;
    line-height: 1;
}

.measure-unit[b-du6zcti9xj] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #9A9AAE;
    margin-left: 0.15rem;
}

.measure-delta[b-du6zcti9xj] {
    font-size: 0.7rem;
    font-weight: 600;
}

.measure-spark[b-du6zcti9xj] {
    width: 84px;
    flex-shrink: 0;
}
/* /Components/Pages/Measurements/BodyFigure.razor.rz.scp.css */
.body-figure[b-5616ynkrnx] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.body-figure svg[b-5616ynkrnx] {
    width: 100%;
    max-width: 620px;
    height: auto;
}

/* Decorative shapes (head, hands, feet) */
.deco[b-5616ynkrnx] {
    fill: #15151D;
    stroke: #26262F;
    stroke-width: 1.5;
}

/* Clickable body part group */
.body-part[b-5616ynkrnx] {
    cursor: pointer;
}

.body-part:focus[b-5616ynkrnx] {
    outline: none;
}

/* Body segment */
.seg[b-5616ynkrnx] {
    fill: #1C1C1C;
    stroke: #2F2F2F;
    stroke-width: 1.5;
    transition: fill 0.18s ease, stroke 0.18s ease;
}

.body-part.has-value .seg[b-5616ynkrnx] {
    fill: rgba(124, 92, 255, 0.12);
    stroke: rgba(124, 92, 255, 0.5);
}

.body-part:hover .seg[b-5616ynkrnx],
.body-part:focus-visible .seg[b-5616ynkrnx] {
    fill: rgba(124, 92, 255, 0.26);
    stroke: #9D86FF;
}

/* Leader line connecting segment to its label */
.leader[b-5616ynkrnx] {
    stroke: #2F2F2F;
    stroke-width: 1.5;
    transition: stroke 0.18s ease;
}

.leader-dot[b-5616ynkrnx] {
    fill: #2F2F2F;
    transition: fill 0.18s ease;
}

.body-part.has-value .leader[b-5616ynkrnx],
.body-part:hover .leader[b-5616ynkrnx],
.body-part:focus-visible .leader[b-5616ynkrnx] {
    stroke: #9D86FF;
}

.body-part.has-value .leader-dot[b-5616ynkrnx],
.body-part:hover .leader-dot[b-5616ynkrnx],
.body-part:focus-visible .leader-dot[b-5616ynkrnx] {
    fill: #9D86FF;
}

/* Label pill */
.pill[b-5616ynkrnx] {
    fill: #15151D;
    stroke: #26262F;
    stroke-width: 1.5;
    transition: stroke 0.18s ease, fill 0.18s ease;
}

.body-part:hover .pill[b-5616ynkrnx],
.body-part:focus-visible .pill[b-5616ynkrnx] {
    stroke: #9D86FF;
    fill: #1B1726;
}

.pill-name[b-5616ynkrnx] {
    fill: #6B6B7B;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.pill-value[b-5616ynkrnx] {
    fill: #9A9AAE;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.body-part.has-value .pill-value[b-5616ynkrnx] {
    fill: #9D86FF;
}
/* /Components/Pages/Measurements/MeasurementFormDialog.razor.rz.scp.css */
[b-m6vjnlfwwd] .dialog-subtitle {
    color: #9A9AAE;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

[b-m6vjnlfwwd] .field-divider {
    margin: 0;
}

.form-field-row[b-m6vjnlfwwd] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.125rem 0;
}

.form-field-label[b-m6vjnlfwwd] {
    flex: 0 0 130px;
    min-width: 130px;
    padding-top: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.label-text[b-m6vjnlfwwd] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #EDEDED;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.label-hint[b-m6vjnlfwwd] {
    font-size: 0.75rem;
    color: #9A9AAE;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.form-field-input[b-m6vjnlfwwd] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 480px) {
    .form-field-row[b-m6vjnlfwwd] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .form-field-label[b-m6vjnlfwwd] {
        flex: none;
        padding-top: 0;
    }
}
/* /Components/Pages/Measurements/MeasurementsPage.razor.rz.scp.css */
.figure-panel[b-xq0dtnyuot] {
    background: radial-gradient(ellipse at 50% 0%, #15151D 0%, #08080C 70%);
    border: 1px solid #26262F;
    border-radius: 18px;
    padding: 1.5rem 1rem 2rem;
    margin-bottom: 2.5rem;
}

.figure-loading[b-xq0dtnyuot] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 420px;
}

.history-title[b-xq0dtnyuot] {
    margin-bottom: 1rem;
    font-weight: 600;
}

@media (max-width: 600px) {
    .figure-panel[b-xq0dtnyuot] {
        padding: 1rem 0.25rem 1.25rem;
        margin-bottom: 1.75rem;
    }
}
/* /Components/Pages/Routines/ExercisePickerDialog.razor.rz.scp.css */
[b-61w8pkkoax] .dialog-subtitle {
    color: #9A9AAE;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.picker-filters[b-61w8pkkoax]  .mud-input-control {
    flex: 1 1 0;
    min-width: 0;
}

.picker-list[b-61w8pkkoax] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    max-height: 60vh;
    overflow-y: auto;
}

.picker-item[b-61w8pkkoax] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.875rem;
    width: 100%;
    padding: 0.5rem 0.625rem;
    background: transparent;
    border: 1px solid #2A2E37;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.picker-item:hover[b-61w8pkkoax] {
    background: #1E222B;
    border-color: #3A6FF8;
}

.picker-thumb[b-61w8pkkoax] {
    flex: 0 0 56px;
    order: -1;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    overflow: hidden;
    background: #15181F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B6B7B;
}

.picker-thumb img[b-61w8pkkoax] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.picker-info[b-61w8pkkoax] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    min-width: 0;
}

.picker-name[b-61w8pkkoax] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #EDEDED;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.picker-category[b-61w8pkkoax] {
    font-size: 0.75rem;
    color: #9A9AAE;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.picker-empty[b-61w8pkkoax] {
    color: #9A9AAE;
    font-size: 0.8125rem;
    padding: 1rem 0;
    text-align: center;
}
/* /Components/Pages/Routines/RoutineFormDialog.razor.rz.scp.css */
[b-kg0mv17ytf] .dialog-subtitle {
    color: #9A9AAE;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

[b-kg0mv17ytf] .field-divider {
    margin: 0;
}

.form-field-row[b-kg0mv17ytf] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.125rem 0;
}

.form-field-label[b-kg0mv17ytf] {
    flex: 0 0 130px;
    min-width: 130px;
    padding-top: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.label-text[b-kg0mv17ytf] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #EDEDED;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.label-hint[b-kg0mv17ytf] {
    font-size: 0.75rem;
    color: #9A9AAE;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.form-field-input[b-kg0mv17ytf] {
    flex: 1;
    min-width: 0;
}

/* Exercises section */
.exercises-section[b-kg0mv17ytf] {
    padding: 1.125rem 0 0.5rem;
}

.exercises-header[b-kg0mv17ytf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.no-exercises-hint[b-kg0mv17ytf] {
    color: #9A9AAE;
    font-size: 0.8125rem;
    padding: 0.5rem 0;
}

.exercise-grid-header[b-kg0mv17ytf] {
    display: grid;
    grid-template-columns: 28px 1fr 72px 72px 100px 36px;
    gap: 0.5rem;
    padding: 0 0 0.375rem;
    font-size: 0.75rem;
    color: #9A9AAE;
    font-weight: 500;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.exercise-grid-row[b-kg0mv17ytf] {
    display: grid;
    grid-template-columns: 28px 1fr 72px 72px 100px 36px;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.375rem;
}

.drag-handle[b-kg0mv17ytf] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B6B7B;
    cursor: grab;
}

.drag-handle:active[b-kg0mv17ytf] {
    cursor: grabbing;
}

.exercise-cell[b-kg0mv17ytf] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.exercise-cell-thumb[b-kg0mv17ytf] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    background: #15181F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B6B7B;
}

.exercise-cell-thumb img[b-kg0mv17ytf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.exercise-cell-name[b-kg0mv17ytf] {
    font-size: 0.875rem;
    color: #EDEDED;
    font-family: 'Inter', ui-sans-serif, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-kg0mv17ytf] .exercise-drop-zone {
    min-height: 0;
}

[b-kg0mv17ytf] .mud-drop-item-preview {
    opacity: 0.5;
    border-radius: 8px;
}

@media (max-width: 480px) {
    .form-field-row[b-kg0mv17ytf] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .form-field-label[b-kg0mv17ytf] {
        flex: none;
        padding-top: 0;
    }

    .exercise-grid-header[b-kg0mv17ytf],
    .exercise-grid-row[b-kg0mv17ytf] {
        grid-template-columns: 24px 1fr 56px 56px 80px 36px;
    }
}
/* /Components/Pages/Routines/RoutinesPage.razor.rz.scp.css */
.routines-grid[b-m49qzk3aca] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.routine-card-top[b-m49qzk3aca] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.routine-icon[b-m49qzk3aca] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 11px;
    background-color: rgba(124, 92, 255, 0.14);
    color: #9D86FF;
    margin-top: 2px;
}

.routine-info[b-m49qzk3aca] {
    flex: 1;
    min-width: 0;
}

.routine-name[b-m49qzk3aca] {
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.routine-desc[b-m49qzk3aca] {
    margin-top: 0.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.routine-meta[b-m49qzk3aca] {
    margin-top: 0.75rem;
}
/* /Components/Pages/WorkoutSessions/ActiveSession.razor.rz.scp.css */
.idle-container[b-x4sw7g9236],
.recovery-container[b-x4sw7g9236],
.summary-container[b-x4sw7g9236] {
    max-width: 480px;
    margin: 2rem auto;
    text-align: center;
    padding: 0 1rem;
}

.idle-form[b-x4sw7g9236] {
    text-align: left;
}

.session-header[b-x4sw7g9236] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0 0.5rem;
    margin-bottom: 0.25rem;
}

.session-meta[b-x4sw7g9236] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.elapsed-time[b-x4sw7g9236] {
    font-variant-numeric: tabular-nums;
    font-size: 0.8rem;
    color: #6B6B7B;
}

.progress-row[b-x4sw7g9236] {
    margin-bottom: 1.5rem;
}

/* Rest timer */
.rest-container[b-x4sw7g9236] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 0;
}

.rest-timer[b-x4sw7g9236] {
    font-size: 4rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #9D86FF;
    line-height: 1;
    margin: 0.5rem 0;
    transition: color 0.3s;
}

.rest-timer.rest-timer-urgent[b-x4sw7g9236] {
    color: #F87171;
}

/* Exercise card */
.exercise-card[b-x4sw7g9236] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.exercise-name[b-x4sw7g9236] {
    font-weight: 700;
    margin-bottom: 0.25rem;
}

/* Sets list */
.sets-list[b-x4sw7g9236] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.set-btn[b-x4sw7g9236] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s, border-color 0.15s;
    font-size: 0.9rem;
    color: inherit;
}

.set-btn:disabled[b-x4sw7g9236] {
    cursor: default;
}

.set-btn-done[b-x4sw7g9236] {
    background: rgba(124, 92, 255, 0.12);
    border-color: rgba(124, 92, 255, 0.35);
    color: #9D86FF;
}

.set-btn-active[b-x4sw7g9236] {
    background: rgba(124, 92, 255, 0.06);
    border-color: rgba(124, 92, 255, 0.5);
    color: inherit;
}

.set-btn-active:hover:not(:disabled)[b-x4sw7g9236] {
    background: rgba(124, 92, 255, 0.14);
}

.set-btn-pending[b-x4sw7g9236] {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.06);
}

.set-detail[b-x4sw7g9236] {
    margin-left: auto;
    font-size: 0.78rem;
    color: #6B6B7B;
}

.pending-set[b-x4sw7g9236] {
    color: #4B5563;
}

.opacity-30[b-x4sw7g9236] {
    opacity: 0.3;
}

/* Exercise media */
.exercise-media-container[b-x4sw7g9236] {
    display: flex;
    justify-content: center;
}

.exercise-media[b-x4sw7g9236] {
    max-width: 100%;
    max-height: 240px;
    border-radius: 8px;
    object-fit: contain;
}

/* Summary */
.summary-list[b-x4sw7g9236] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: left;
    margin-bottom: 1rem;
}

.summary-item[b-x4sw7g9236] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.summary-item-text[b-x4sw7g9236] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}
/* /Components/Pages/WorkoutSessions/WorkoutSessionFormDialog.razor.rz.scp.css */
[b-qs2y0bmo8l] .dialog-subtitle {
    color: #9A9AAE;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

[b-qs2y0bmo8l] .field-divider {
    margin: 0;
}

.form-field-row[b-qs2y0bmo8l] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.125rem 0;
}

.form-field-label[b-qs2y0bmo8l] {
    flex: 0 0 130px;
    min-width: 130px;
    padding-top: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.label-text[b-qs2y0bmo8l] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #EDEDED;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.label-hint[b-qs2y0bmo8l] {
    font-size: 0.75rem;
    color: #9A9AAE;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.form-field-input[b-qs2y0bmo8l] {
    flex: 1;
    min-width: 0;
}

.sets-section[b-qs2y0bmo8l] {
    padding: 1.125rem 0 0.5rem;
}

.sets-header[b-qs2y0bmo8l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.no-sets-hint[b-qs2y0bmo8l] {
    color: #9A9AAE;
    font-size: 0.8125rem;
    padding: 0.5rem 0;
}

.set-grid-header[b-qs2y0bmo8l] {
    display: grid;
    grid-template-columns: 1fr 56px 72px 72px 36px;
    gap: 0.5rem;
    padding: 0 0 0.375rem;
    font-size: 0.75rem;
    color: #9A9AAE;
    font-weight: 500;
    font-family: 'Inter', ui-sans-serif, sans-serif;
}

.set-grid-row[b-qs2y0bmo8l] {
    display: grid;
    grid-template-columns: 1fr 56px 72px 72px 36px;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.375rem;
}

@media (max-width: 480px) {
    .form-field-row[b-qs2y0bmo8l] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .form-field-label[b-qs2y0bmo8l] {
        flex: none;
        padding-top: 0;
    }

    .set-grid-header[b-qs2y0bmo8l],
    .set-grid-row[b-qs2y0bmo8l] {
        grid-template-columns: 1fr 48px 60px 60px 36px;
    }
}
/* /Components/Shared/BarChart.razor.rz.scp.css */
.barchart[b-u427pzvrly] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    width: 100%;
    height: 260px;
}

.barchart-col[b-u427pzvrly] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.barchart-bar-wrap[b-u427pzvrly] {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 0;
}

.barchart-bar[b-u427pzvrly] {
    width: 68%;
    max-width: 22px;
    min-height: 3px;
    border-radius: 6px 6px 3px 3px;
    background: linear-gradient(180deg, var(--accent-bright) 0%, var(--accent) 100%);
    transition: opacity .18s ease, filter .18s ease, box-shadow .18s ease;
}

.barchart-bar.is-zero[b-u427pzvrly] {
    background: var(--line-soft);
    opacity: 0.6;
}

/* Hover: spotlight the hovered bar, dim the rest */
.barchart:hover .barchart-bar[b-u427pzvrly] {
    opacity: 0.4;
}

.barchart-col:hover .barchart-bar[b-u427pzvrly] {
    opacity: 1;
    filter: brightness(1.12);
    box-shadow: 0 0 14px var(--accent-glow);
}

.barchart-xlabel[b-u427pzvrly] {
    margin-top: 8px;
    text-align: center;
    font-size: 0.6rem;
    line-height: 1;
    color: #6B6B7B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Tooltip ── */
.barchart-tip[b-u427pzvrly] {
    position: absolute;
    bottom: calc(100% - 4px);
    left: 50%;
    transform: translateX(-50%) translateY(-4px) scale(0.96);
    transform-origin: bottom center;
    padding: 0.5rem 0.7rem;
    border-radius: 10px;
    background: var(--surface-2);
    border: 1px solid var(--line-soft);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
    z-index: 10;
}

.barchart-col:hover .barchart-tip[b-u427pzvrly] {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

.barchart-tip-title[b-u427pzvrly] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #E6E6F0;
    margin-bottom: 0.15rem;
}

.barchart-tip-row[b-u427pzvrly] {
    font-size: 0.7rem;
    color: #9A9AAE;
}

/* keep edge tooltips inside the card */
.barchart-col:first-child .barchart-tip[b-u427pzvrly] {
    left: 0;
    transform: translateX(0) translateY(-4px) scale(0.96);
}

.barchart-col:first-child:hover .barchart-tip[b-u427pzvrly] {
    transform: translateX(0) translateY(0) scale(1);
}

.barchart-col:last-child .barchart-tip[b-u427pzvrly] {
    left: auto;
    right: 0;
    transform: translateX(0) translateY(-4px) scale(0.96);
}

.barchart-col:last-child:hover .barchart-tip[b-u427pzvrly] {
    transform: translateX(0) translateY(0) scale(1);
}

/* ── Mini sparkline variant ── */
.barchart--mini[b-u427pzvrly] {
    height: 38px;
    gap: 3px;
    align-items: flex-end;
}

.barchart--mini .barchart-bar[b-u427pzvrly] {
    width: 100%;
    max-width: 7px;
    min-height: 2px;
    border-radius: 2px;
}

.barchart--mini:hover .barchart-bar[b-u427pzvrly] {
    opacity: 0.4;
}

.barchart--mini .barchart-col:hover .barchart-bar[b-u427pzvrly] {
    opacity: 1;
    box-shadow: none;
}
/* /Components/Shared/LineChart.razor.rz.scp.css */
.linechart[b-pcwt1n1mgc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 180px;
}

.linechart-plot[b-pcwt1n1mgc] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    padding: 4px 6px;
}

.linechart-inner[b-pcwt1n1mgc] {
    position: absolute;
    inset: 4px 6px;
}

.linechart-svg[b-pcwt1n1mgc],
.linechart-dots[b-pcwt1n1mgc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.linechart-svg[b-pcwt1n1mgc] {
    display: block;
    overflow: visible;
}

.linechart-line[b-pcwt1n1mgc] {
    fill: none;
    stroke: var(--accent-bright);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 2px 6px var(--accent-glow));
}

.linechart-dots[b-pcwt1n1mgc] {
    pointer-events: none;
}

.linechart-dot-wrap[b-pcwt1n1mgc] {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

.linechart-dot[b-pcwt1n1mgc] {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--surface-2);
    border: 2px solid var(--accent-bright);
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
}

.linechart-dot.is-last[b-pcwt1n1mgc] {
    opacity: 1;
    box-shadow: 0 0 0 4px var(--accent-soft), 0 0 12px var(--accent-glow);
}

.linechart-dot-wrap:hover .linechart-dot[b-pcwt1n1mgc] {
    opacity: 1;
    transform: scale(1.25);
}

/* ── Tooltip ── */
.linechart-tip[b-pcwt1n1mgc] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px) scale(0.96);
    transform-origin: bottom center;
    padding: 0.5rem 0.7rem;
    border-radius: 10px;
    background: var(--surface-2);
    border: 1px solid var(--line-soft);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
    z-index: 10;
}

.linechart-dot-wrap:hover .linechart-tip[b-pcwt1n1mgc] {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

.linechart-tip-title[b-pcwt1n1mgc] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #E6E6F0;
    margin-bottom: 0.15rem;
}

.linechart-tip-row[b-pcwt1n1mgc] {
    font-size: 0.7rem;
    color: #9A9AAE;
}

/* keep edge tooltips inside the card */
.linechart-dot-wrap:first-child .linechart-tip[b-pcwt1n1mgc] {
    left: 0;
    transform: translateX(-12%) translateY(4px) scale(0.96);
}

.linechart-dot-wrap:first-child:hover .linechart-tip[b-pcwt1n1mgc] {
    transform: translateX(-12%) translateY(0) scale(1);
}

.linechart-dot-wrap:last-child .linechart-tip[b-pcwt1n1mgc] {
    left: auto;
    right: 0;
    transform: translateX(12%) translateY(4px) scale(0.96);
}

.linechart-dot-wrap:last-child:hover .linechart-tip[b-pcwt1n1mgc] {
    transform: translateX(12%) translateY(0) scale(1);
}

/* ── X axis ── */
.linechart-xaxis[b-pcwt1n1mgc] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 0.6rem;
    line-height: 1;
    color: #6B6B7B;
}

/* ── Mini inline sparkline ── */
.linechart--mini[b-pcwt1n1mgc] {
    height: 40px;
}

.linechart--mini .linechart-plot[b-pcwt1n1mgc] {
    padding: 2px;
}

.linechart--mini .linechart-inner[b-pcwt1n1mgc] {
    inset: 2px;
}

.linechart--mini .linechart-line[b-pcwt1n1mgc] {
    stroke-width: 1.75;
    filter: none;
}

.linechart--mini .linechart-dot[b-pcwt1n1mgc] {
    display: none;
}