/* /Components/EditExerciseSteps.razor.rz.scp.css */
.close-btn button[b-9k5id0b36i] {
    height: 44px;
    width: 44px;
    background-color: #C72B2B14;
    border-radius: 50px;
    box-shadow: 0 4px 40px #D2ADA71A;
    border: none;
}

    .close-btn button:hover[b-9k5id0b36i] {
        background-color: var(--red);
    }

        .close-btn button:hover img[b-9k5id0b36i] {
            filter: brightness(0) invert(1);
        }

.add-step-btn[b-9k5id0b36i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    background-color: #E6F7F8;
    font-weight: 500;
    color: var(--primary);
    font-size: 14px;
    border: none;
    padding: 8px 16px;
}

    .add-step-btn:hover[b-9k5id0b36i] {
        background-color: #00969F;
        color: var(--white);
    }

        .add-step-btn:hover img[b-9k5id0b36i] {
            filter: brightness(0) invert(1);
        }

.error[b-9k5id0b36i] {
    border-color: var(--red);
}

.char-count[b-9k5id0b36i] {
    font-size: 12px;
    color: var(--primary);
}
/* /Components/ExerciseBox.razor.rz.scp.css */
.exercise-box[b-s1x2ivxk0z] {
    border-radius: 24px;
    background-color: var(--white);
    border: 1px #ECECEC solid;
    box-shadow: 0 4px 40px #D2ADA71A;
    width: calc(25% - 12px);
}

    .exercise-box .exercise-image[b-s1x2ivxk0z] {
        position: relative;
        height: 180px;
    }

.exercise-hover-preview[b-s1x2ivxk0z] {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, #f0f0f0 8%, #e0e0e0 18%, #f0f0f0 33%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s linear infinite;
    border-radius: 24px 24px 0 0;
}

.exercise-hover-preview__image[b-s1x2ivxk0z],
.exercise-hover-preview__video[b-s1x2ivxk0z] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.25s ease-in-out;
    border-radius: 24px 24px 0 0;
}

.exercise-hover-preview__video[b-s1x2ivxk0z] {
    background: transparent;
}

/* loading state */
.exercise-hover-preview.loading .exercise-hover-preview__image[b-s1x2ivxk0z] {
    filter: blur(6px);
    opacity: 0.6;
}

/* loader overlay */
.hover-loader[b-s1x2ivxk0z] {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* show loader */
.exercise-hover-preview.loading .hover-loader[b-s1x2ivxk0z] {
    display: flex;
}

/* simple spinner */
.hover-loader[b-s1x2ivxk0z]::after {
    content: "";
    width: 32px;
    height: 32px;
    border: 3px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-s1x2ivxk0z 0.8s linear infinite;
}

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

.exercise-box .exercise-image img[b-s1x2ivxk0z] {
    border-radius: 24px 24px 0 0;
}

.exercise-box .exercise-image .star[b-s1x2ivxk0z] {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--white);
    border-radius: 50px;
    height: 32px;
    width: 32px;
    border: 1px #ECECEC solid;
    cursor: pointer;
}

    .exercise-box .exercise-image .star img[b-s1x2ivxk0z] {
        height: 20px;
    }

.exercise-box .exercise-content[b-s1x2ivxk0z] {
    padding: 16px;
}

    .exercise-box .exercise-content h4.exercise-title[b-s1x2ivxk0z] {
        font-size: 20px;
        font-weight: 700;
        color: var(--dark-primary);
    }

    .exercise-box .exercise-content button[b-s1x2ivxk0z] {
        background-color: transparent;
        border: none;
        outline-style: none;
    }

    .exercise-box .exercise-content p.exercise-desc[b-s1x2ivxk0z] {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary);
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .exercise-box .exercise-content .exercise-info[b-s1x2ivxk0z] {
        gap: 0 8px;
    }

        .exercise-box .exercise-content .exercise-info .info-pill[b-s1x2ivxk0z] {
            background-color: #FAF9F8;
            border: 1px #ECECEC solid;
            height: 40px;
            padding-left: 16px;
            gap: 12px;
            border-radius: 50px;
            margin: 4px 0;
            font-size: 14px;
            font-weight: 700;
            color: var(--dark-primary);
        }

    .exercise-box .exercise-content .exercise-exercises[b-s1x2ivxk0z] {
        margin-top: 24px;
        font-size: 16px;
        font-weight: 700;
        color: var(--dark-primary);
    }

        .exercise-box .exercise-content .exercise-exercises .exercise-list[b-s1x2ivxk0z] {
            gap: 8px;
        }

            .exercise-box .exercise-content .exercise-exercises .exercise-list img[b-s1x2ivxk0z] {
                height: 24px;
            }

    .exercise-box .exercise-content .edit[b-s1x2ivxk0z] {
        background-color: #00969F1A;
        color: var(--dark-primary);
        gap: 8px;
        margin-top: 16px;
        height: 44px;
        border-radius: 50px;
        font-size: 14px;
    }

        .exercise-box .exercise-content .edit:hover[b-s1x2ivxk0z] {
            background-color: var(--primary);
            color: var(--white);
        }

            .exercise-box .exercise-content .edit:hover img[b-s1x2ivxk0z] {
                filter: brightness(0) invert(1);
            }

hr[b-s1x2ivxk0z] {
    border: 1px #d3d3d3 solid;
    margin: 0;
}

.bottom-side-txt[b-s1x2ivxk0z] {
    padding: 12px 16px;
    color: var(--primary);
    font-size: 14px;
    font-weight: 400;
}
/* /Components/InfoPill.razor.rz.scp.css */
.info-pill[b-8snm3s4lxy] {
    background-color: #FAF9F8;
    border: 1px #ECECEC solid;
    height: 40px;
    padding: 4px 12px;
    gap: 12px;
    border-radius: 50px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-primary);
}

    .info-pill.md[b-8snm3s4lxy] {
        height: 50px;
        padding: 8px 16px;
        font-size: 16px;
    }
/* /Components/Modal.razor.rz.scp.css */
.modal-dialog.modal-dialog-centered[b-z09uvilwyw] {
    width: 100% !important;
}

.modal-content[b-z09uvilwyw] {
    border-radius: 32px;
    height: auto;
}

.modal-header[b-z09uvilwyw] {
    padding: 20px;
}

    .modal-header .modal-title[b-z09uvilwyw] {
        font-size: 28px;
        font-weight: 700;
        color: var(--dark-primary);
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
    }

    .modal-header button[b-z09uvilwyw] {
        height: 44px;
        width: 44px;
        background-color: #00969F1A;
        border-radius: 50px;
        padding: 0;
        border: none;
    }

        .modal-header button:hover[b-z09uvilwyw] {
            background-color: var(--primary);
        }

.modal-body[b-z09uvilwyw] {
    border-radius: 0 0 32px 32px;
    background-color: #FAF9F8;
    padding: 32px;
    overflow: scroll;
    scrollbar-width: none;
    position: relative;
    flex: 1 1 auto;
}
/* /Components/PatientCaseBox.razor.rz.scp.css */
.patient-cases .patient-cases-data .patient-case-box[b-fxwzamallt] {
    background-color: var(--white);
    padding: 24px;
    border: 1px #ECECEC solid;
    border-radius: 32px;
}

    .patient-cases .patient-cases-data .patient-case-box h5[b-fxwzamallt] {
        font-size: 24px;
        font-weight: 700;
        color: var(--dark-primary);
        margin-bottom: 16px;
    }

    .patient-cases .patient-cases-data .patient-case-box p[b-fxwzamallt] {
        color: var(--primary);
    }

    .patient-cases .patient-cases-data .patient-case-box .date[b-fxwzamallt] {
        color: var(--light-primary);
        margin-top: 20px;
        font-size: 14px;
    }

        .patient-cases .patient-cases-data .patient-case-box .date div[b-fxwzamallt] {
            gap: 8px;
        }

    .patient-cases .patient-cases-data .patient-case-box hr[b-fxwzamallt] {
        border: 1px #dbdbdb solid;
    }
.patient-cases .data-box p[b-fxwzamallt] {
    color: var(--primary);
    margin-bottom: 20px;
    /* width: 300px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* /Components/PatientWarning.razor.rz.scp.css */
.warning-container[b-x4mk09tuyj] {
    background-color: #FAF9F8;
    border: 1px solid #ECECEC;
    border-radius: 24px;
    padding: 20px;
}

.warning-icon[b-x4mk09tuyj] {
    filter: brightness(0) saturate(100%) invert(24%) sepia(87%) saturate(2851%) hue-rotate(345deg) brightness(87%) contrast(88%)
}

.warning-title[b-x4mk09tuyj] {
    font-weight: 700;
}

.warning-title[b-x4mk09tuyj],
.warning-message[b-x4mk09tuyj] {
    color: var(--red) !important;
    font-size: 16px;
}
/* /Components/ProgramBox.razor.rz.scp.css */
.program-library .programs-boxes .programs-box[b-74r43alyny] {
    border-radius: 24px;
    background-color: var(--white);
    border: 1px #ECECEC solid;
    box-shadow: 0 4px 40px #D2ADA71A;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease;
}

    .program-library .programs-boxes .programs-box:hover[b-74r43alyny] {
        transform: translateY(-5px);
    }

.program-image-slider[b-74r43alyny] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(110deg, #f0f0f0 8%, #e0e0e0 18%, #f0f0f0 33%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s linear infinite;
    min-height: 200px;
    border-radius: 24px 24px 0 0;
}

.program-main-img[b-74r43alyny] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
}

.program-image-slider img[b-74r43alyny] {
    border-radius: 24px 24px 0 0;
}

.program-library .programs-boxes .programs-box .programs-image[b-74r43alyny] {
    position: relative;
}

    .program-library .programs-boxes .programs-box .programs-image img[b-74r43alyny] {
        border-radius: 24px 24px 0 0;
    }

    .program-library .programs-boxes .programs-box .programs-image .programs-tag[b-74r43alyny] {
        position: absolute;
        bottom: 16px;
        left: 16px;
        background-color: var(--white);
        color: var(--dark-primary);
        font-size: 14px;
        font-weight: 700;
        padding: 6px 12px;
        border-radius: 50px;
        border: 1px #ECECEC solid;
    }

    .program-library .programs-boxes .programs-box .programs-image .star[b-74r43alyny] {
        position: absolute;
        top: 16px;
        right: 16px;
        background-color: var(--white);
        border-radius: 50px;
        height: 32px;
        width: 32px;
        border: 1px #ECECEC solid;
        cursor: pointer;
    }

        .program-library .programs-boxes .programs-box .programs-image .star img[b-74r43alyny] {
            height: 20px;
            width: 20px;
        }

.program-library .programs-boxes .programs-box .programs-content[b-74r43alyny] {
    padding: 16px;
}

    .program-library .programs-boxes .programs-box .programs-content h4.programs-title[b-74r43alyny] {
        font-size: 20px;
        font-weight: 700;
        color: var(--dark-primary);
    }

    .program-library .programs-boxes .programs-box .programs-content button[b-74r43alyny] {
        background-color: transparent;
        border: none;
        outline-style: none;
    }

    .program-library .programs-boxes .programs-box .programs-content p.programs-desc[b-74r43alyny] {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary);
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .program-library .programs-boxes .programs-box .programs-content .programs-info[b-74r43alyny] {
        gap: 0 8px;
    }

        .program-library .programs-boxes .programs-box .programs-content .programs-info .info-pill[b-74r43alyny] {
            background-color: #FAF9F8;
            border: 1px #ECECEC solid;
            height: 40px;
            padding-left: 16px;
            gap: 12px;
            border-radius: 50px;
            margin: 4px 0;
            font-size: 14px;
            font-weight: 700;
            color: var(--dark-primary);
        }

    .program-library .programs-boxes .programs-box .programs-content .programs-exercises[b-74r43alyny] {
        margin-top: 24px;
        font-size: 16px;
        font-weight: 700;
        color: var(--dark-primary);
    }

        .program-library .programs-boxes .programs-box .programs-content .programs-exercises .exercise-list[b-74r43alyny] {
            gap: 8px;
        }

            .program-library .programs-boxes .programs-box .programs-content .programs-exercises .exercise-list img[b-74r43alyny] {
                height: 24px;
            }

    .program-library .programs-boxes .programs-box .programs-content .edit[b-74r43alyny] {
        background-color: #00969F1A;
        color: var(--dark-primary);
        gap: 8px;
        margin-top: 16px;
        height: 44px;
        border-radius: 50px;
        font-size: 14px;
    }

        .program-library .programs-boxes .programs-box .programs-content .edit:hover[b-74r43alyny] {
            background-color: var(--primary);
            color: var(--white);
        }

            .program-library .programs-boxes .programs-box .programs-content .edit:hover img[b-74r43alyny] {
                filter: brightness(0) invert(1);
            }


/* Responsive */

@media (max-width: 1300px) {
    .program-library #email-logs .tab-data .title-search .search input[b-74r43alyny] {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .program-library .program-library-title[b-74r43alyny],
    .program-library .search-filter-btn[b-74r43alyny] {
        flex-wrap: wrap;
        gap: 20px;
    }

        .program-library .search-filter-btn .search input[b-74r43alyny] {
            width: 100%;
        }
}

@media (max-width: 1024px) {
    .program-library .group-overview .group-overview-table .title[b-74r43alyny],
    .program-library .group-overview .group-overview-table .search-btn[b-74r43alyny] {
        flex-wrap: wrap;
    }

        .program-library .group-overview .group-overview-table .search-btn .search input[b-74r43alyny] {
            width: 100%;
        }

    .program-library .program-library-tab-btns[b-74r43alyny] {
        flex-wrap: wrap;
        border-radius: 24px;
    }

        .program-library .program-library-tab-btns button[b-74r43alyny] {
            justify-content: start !important;
            padding: 0 16px;
        }
}
/* /Components/ProgramBoxSkeleton.razor.rz.scp.css */
.skeleton-card[b-s3om8bx7tf] {
    overflow: hidden;
    border-radius: 24px;
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    box-shadow: 0 4px 40px #D2ADA71A;
    display: flex;
    flex-direction: column;
}

.skeleton-card .programs-image[b-s3om8bx7tf] {
    height: 300px;
    border-radius: 24px 24px 0 0;
    width: 100%;
}

.skeleton-card .programs-content[b-s3om8bx7tf] {
    padding: 16px;
}

.skeleton-title[b-s3om8bx7tf] {
    height: 22px;
    width: 70%;
    margin-bottom: 12px;
}

.skeleton-text[b-s3om8bx7tf] {
    height: 14px;
    width: 100%;
    margin-bottom: 8px;
}

.skeleton-text.short[b-s3om8bx7tf] {
    width: 55%;
}

.skeleton-pill[b-s3om8bx7tf] {
    height: 40px;
    flex: 1;
    border-radius: 50px;
}

/* /Components/ProgramInfoModal.razor.rz.scp.css */
.modal-content[b-qoinmpz3sy] {
    width: 720px;
}

.exercise-info-btn[b-qoinmpz3sy] {
    background-color: transparent;
    border: none;
    outline: none;
}

.medical-record .modal-content[b-qoinmpz3sy] {
    height: auto;
}

.medical-record .modal-body h6[b-qoinmpz3sy] {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-primary);
}

.medical-record .modal-body p[b-qoinmpz3sy],
.medical-record .modal-body ul[b-qoinmpz3sy] {
    font-size: 16px;
    font-weight: 400;
    color: var(--dark-primary);
}

.medical-record .modal-body ul[b-qoinmpz3sy] {
    padding-left: 20px;
}

    .medical-record .modal-body ul li[b-qoinmpz3sy] {
        list-style: disc;
    }

.medical-record .modal-body button.copy-btn[b-qoinmpz3sy] {
    background-color: var(--btn-orange);
    color: var(--white);
    gap: 8px;
    height: 44px;
    border: none;
    border-radius: 50px;
    margin: 32px 0;
}
/* /Components/ProTreatmentButton.razor.rz.scp.css */
button[b-xudfuvxd19] {
    color: var(--white);
    border: none;
    border-radius: 50px;
    padding: 12px 16px;
    gap: 8px;
}

    button img[b-xudfuvxd19] {
        filter: brightness(0) invert(1);
    }

    button:hover[b-xudfuvxd19] {
        color: var(--white);
        opacity: 0.9;
    }

        button:hover img[b-xudfuvxd19] {
            filter: brightness(0) invert(1);
        }

    button .disabled[b-xudfuvxd19] {
        cursor: not-allowed;
    }
/* /Components/ProTreatmentContainer.razor.rz.scp.css */
.pro-treatment-container[b-zwbux2oqiz] {
    margin-top: 16px;
    background-color: var(--white);
    border-radius: 24px;
    border: 1px #ECECEC solid;
    padding: 20px;
    box-shadow: 0 4px 40px #D2ADA71A;
    width: 100%;
}

.pro-treatment-container-title[b-zwbux2oqiz] {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-primary);
}
/* /Components/ProTreatmentToggleButton.razor.rz.scp.css */
/* The switch container */
.switch[b-bmtfy4e2fe] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 28px;
}

    /* Hide default HTML checkbox */
    .switch input[b-bmtfy4e2fe] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider (track) */
.slider[b-bmtfy4e2fe] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00969F1A;
    transition: .4s;
    border-radius: 99px;
}

    /* White handle */
    .slider[b-bmtfy4e2fe]:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: #ffffff;
        transition: .4s;
        border-radius: 50%;
    }

/* Checked state */
input:checked + .slider[b-bmtfy4e2fe] {
    background-color: var(--light-primary);
}

input:focus + .slider[b-bmtfy4e2fe] {
    box-shadow: 0 0 1px var(--primary);
}

input:checked + .slider[b-bmtfy4e2fe]:before {
    transform: translateX(20px);
}

/* Teal checkmark inside handle when ON */
input:checked + .slider[b-bmtfy4e2fe]::after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    transform: translateX(20px);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M2.5 6.5L5 9L9.5 3.5' stroke='%2300969F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    pointer-events: none;
    transition: .4s;
}

.toggle-container[b-bmtfy4e2fe] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-label[b-bmtfy4e2fe] {
    font-family: sans-serif;
}
/* /Components/Skeletons/CaseBoxSkeleton.razor.rz.scp.css */
.skeleton-case-card[b-uqqiua3wvq] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 16px;
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    margin-top: 16px;
}

.skeleton-case-icon[b-uqqiua3wvq] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    flex: 0 0 56px;
}

.skeleton-case-body[b-uqqiua3wvq] {
    flex: 1;
}

.skeleton-case-title[b-uqqiua3wvq] {
    height: 20px;
    width: 45%;
    margin-bottom: 10px;
}

.skeleton-case-meta[b-uqqiua3wvq] {
    height: 14px;
    width: 70%;
    margin-bottom: 10px;
}

.skeleton-case-pill[b-uqqiua3wvq] {
    height: 28px;
    width: 80px;
    border-radius: 50px;
}

.skeleton-case-action[b-uqqiua3wvq] {
    width: 90px;
    height: 36px;
    border-radius: 50px;
    flex: 0 0 90px;
}
/* /Components/Skeletons/ConsultationRowSkeleton.razor.rz.scp.css */
.skeleton-consultation-row[b-nd9vcha6qi] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 20px;
    border-radius: 16px;
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    margin-bottom: 12px;
}

.skeleton-cons-date[b-nd9vcha6qi] {
    width: 100px;
    height: 40px;
    border-radius: 12px;
    flex: 0 0 100px;
}

.skeleton-cons-main[b-nd9vcha6qi] {
    flex: 1;
}

.skeleton-cons-title[b-nd9vcha6qi] {
    height: 18px;
    width: 50%;
    margin-bottom: 8px;
}

.skeleton-cons-sub[b-nd9vcha6qi] {
    height: 14px;
    width: 70%;
}

.skeleton-cons-status[b-nd9vcha6qi] {
    width: 90px;
    height: 28px;
    border-radius: 50px;
    flex: 0 0 90px;
}

.skeleton-cons-action[b-nd9vcha6qi] {
    width: 110px;
    height: 36px;
    border-radius: 50px;
    flex: 0 0 110px;
}
/* /Components/Skeletons/ExerciseBoxSkeleton.razor.rz.scp.css */
.skeleton-exercise-card[b-3g56ec16w5] {
    overflow: hidden;
    border-radius: 24px;
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    width: calc(25% - 12px);
    display: flex;
    flex-direction: column;
}

.skeleton-exercise-image[b-3g56ec16w5] {
    height: 180px;
    border-radius: 24px 24px 0 0;
    width: 100%;
}

.skeleton-exercise-content[b-3g56ec16w5] {
    padding: 16px;
}

.skeleton-exercise-title[b-3g56ec16w5] {
    height: 22px;
    width: 70%;
    margin-bottom: 12px;
}

.skeleton-exercise-text[b-3g56ec16w5] {
    height: 14px;
    width: 90%;
    margin-bottom: 8px;
}

.skeleton-exercise-pill[b-3g56ec16w5] {
    height: 36px;
    flex: 1;
    border-radius: 50px;
}

@media (max-width: 1600px) {
    .skeleton-exercise-card[b-3g56ec16w5] { width: calc(33.333% - 15px); }
}

@media (max-width: 1300px) {
    .skeleton-exercise-card[b-3g56ec16w5] { width: calc(50% - 15px); }
}

@media (max-width: 1024px) {
    .skeleton-exercise-card[b-3g56ec16w5] { width: 100%; }
}
/* /Components/Skeletons/MetricBoxSkeleton.razor.rz.scp.css */
.skeleton-metric-card[b-lai3gj6na1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 16px 12px 24px;
    border-radius: 24px;
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    box-shadow: 0 4px 40px #D2ADA71A;
    width: 100%;
    min-width: 200px;
}


.skeleton-metric-header[b-lai3gj6na1] {
    height: 24px;
    width: 45%;
    margin-top: 8px;
    margin-bottom: 8px;
}


.skeleton-metric-number[b-lai3gj6na1] {
    height: 32px;
    width: 35%;
}

.skeleton-metric-label[b-lai3gj6na1] {
    height: 16px;
    width: 80%;
    margin-top: 4px;
}

@media (max-width: 1024px) {
    .skeleton-metric-card[b-lai3gj6na1] {
        min-width: 100%;
    }
}
/* /Components/Skeletons/ProfileCardSkeleton.razor.rz.scp.css */
.skeleton-profile-card[b-lwddrzyh8n] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    border-radius: 20px;
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
}

.skeleton-profile-avatar[b-lwddrzyh8n] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    flex: 0 0 72px;
}

.skeleton-profile-body[b-lwddrzyh8n] {
    flex: 1;
}

.skeleton-profile-name[b-lwddrzyh8n] {
    height: 24px;
    width: 40%;
    margin-bottom: 12px;
}

.skeleton-profile-meta[b-lwddrzyh8n] {
    height: 14px;
    width: 60%;
    margin-bottom: 8px;
}

.skeleton-profile-meta.short[b-lwddrzyh8n] {
    width: 35%;
}
/* /Components/Skeletons/ProgressionBoxSkeleton.razor.rz.scp.css */
.skeleton-progression-box[b-sa2ci7xiqw] {
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    border-radius: 32px;
    overflow: hidden;
}

.skeleton-progression-title[b-sa2ci7xiqw] {
    padding: 10px 16px;
}

.skeleton-progression-name[b-sa2ci7xiqw] {
    height: 22px;
    width: 40%;
}

.skeleton-progression-edit[b-sa2ci7xiqw] {
    height: 44px;
    width: 44px;
    border-radius: 50px;
}

.skeleton-progression-body[b-sa2ci7xiqw] {
    border-top: 1px #ECECEC solid;
    align-items: stretch;
}

.skeleton-progression-thumb[b-sa2ci7xiqw] {
    width: 40%;
    border-radius: 0;
    align-self: stretch;
}

.skeleton-progression-right[b-sa2ci7xiqw] {
    display: flex;
    flex-direction: column;
}

.skeleton-progression-tabs[b-sa2ci7xiqw] {
    width: 100%;
    border-top: 1px #ECECEC solid;
}

.skeleton-progression-tab[b-sa2ci7xiqw] {
    flex: 1;
    height: 32px;
    border-radius: 0;
}

.skeleton-progression-heading[b-sa2ci7xiqw] {
    height: 26px;
    width: 70%;
    margin: 16px 16px 8px 16px;
}

.skeleton-progression-pills[b-sa2ci7xiqw] {
    padding: 8px 16px 16px 16px;
}

.skeleton-progression-pill[b-sa2ci7xiqw] {
    height: 32px;
    width: 90px;
    border-radius: 50px;
}
/* /Pages/Admin/AdminDashboard.razor.rz.scp.css */
.dashboard-data-box h6[b-7q38zenimt] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-data-box > .d-flex.justify-content-between.align-items-center[b-7q38zenimt] {
    min-height: 40px;
}

.dashboard-chart45 .dashboard-chart4 .dashboard-chart4-title[b-7q38zenimt],
.dashboard-chart45 .dashboard-chart5 .dashboard-chart5-title[b-7q38zenimt] {
    min-height: 52px;
    align-items: center;
}

.dashboard-chart23 .dashboard-chart2 .dashboard-chart2-title[b-7q38zenimt],
.dashboard-chart23 .dashboard-chart3 .dashboard-chart3-title[b-7q38zenimt] {
    display: flex;
    align-items: center;
    min-height: 52px;
    margin-bottom: 0;
}

.dashboard-data-box .select[b-7q38zenimt] {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.trend-neutral span[b-7q38zenimt] {
    color: var(--light-primary);
    margin-left: 10px;
}

.growth-summary-group[b-7q38zenimt] {
    gap: 20px;
    margin: 0 16px 0 32px;
}

.growth-summary[b-7q38zenimt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.15;
}

.growth-summary-label[b-7q38zenimt] {
    color: var(--light-primary);
    font-size: 11px;
    font-weight: 500;
    max-width: 96px;
    white-space: normal;
    text-align: right;
}

.growth-summary-value[b-7q38zenimt] {
    color: var(--dark-primary);
    font-size: 25px;
    font-weight: 700;
}

.dashboard-chart23 > .dashboard-chart2[b-7q38zenimt],
.dashboard-chart23 > .dashboard-chart3[b-7q38zenimt],
.dashboard-chart45 > .dashboard-chart4[b-7q38zenimt] {
    display: flex;
    flex-direction: column;
}

.chart-container[b-7q38zenimt] {
    position: relative;
    min-height: 340px;
    width: 100%;
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.chart-container[b-7q38zenimt]::-webkit-scrollbar {
    display: none;
}
.chart-container.grabbing[b-7q38zenimt] {
    cursor: grabbing;
    user-select: none;
}
.chart-inner[b-7q38zenimt] {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}
.chart-shimmer[b-7q38zenimt] {
    flex: 1 1 auto;
    min-height: 340px;
    width: 100%;
    margin: 12px 0;
    border-radius: 12px;
    background: linear-gradient(110deg, #f0f0f0 8%, #e0e0e0 18%, #f0f0f0 33%);
    background-size: 200% 100%;
    animation: chart-shimmer-sweep 1.5s linear infinite;
}
@@keyframes chart-shimmer-sweep {
    to[b-7q38zenimt] { background-position: -200% 0; }
}

/* ── Engagement widgets ─────────────────────────────────── */

.dashboard-adherence[b-7q38zenimt],
.dashboard-chart45 > .dashboard-chart5[b-7q38zenimt],
.dashboard-chart67 > .dashboard-chart6[b-7q38zenimt],
.dashboard-chart67 > .dashboard-chart7[b-7q38zenimt] {
    display: flex;
    flex-direction: column;
}

.dashboard-chart67 > .dashboard-chart6[b-7q38zenimt],
.dashboard-chart67 > .dashboard-chart7[b-7q38zenimt] {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
}

.dashboard-adherence[b-7q38zenimt] {
    background-color: var(--white, #fff);
    border: 1px #ECECEC solid;
    border-radius: 24px;
    box-shadow: 0 4px 40px #D2ADA71A;
    margin-top: 16px;
    padding-bottom: 24px;
}
.dashboard-adherence .dashboard-chart4-title[b-7q38zenimt] {
    padding: 16px 24px 0 24px;
}
.dashboard-adherence .dashboard-chart4-title h6[b-7q38zenimt] {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark-primary, #003b57);
    margin: 0;
}
.dashboard-adherence hr[b-7q38zenimt] {
    border: 0;
    border-top: 1px solid #ECECEC;
    margin: 12px 0 0 0;
}

.adherence-bars[b-7q38zenimt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 24px 0 24px;
}
.adherence-bar-row[b-7q38zenimt] { display: flex; flex-direction: column; gap: 8px; }
.adherence-bar-name[b-7q38zenimt] { font-weight: 500; color: var(--dark-primary, #003b57); }
.adherence-bar-percent[b-7q38zenimt] { font-weight: 500; color: var(--dark-primary, #003b57); }
.adherence-bar-track[b-7q38zenimt] {
    width: 100%;
    height: 14px;
    background: #d9f2f0;
    border-radius: 999px;
    overflow: hidden;
}
.adherence-bar-fill[b-7q38zenimt] {
    height: 100%;
    background: #0a8a86;
    border-radius: 999px;
    transition: width 0.2s ease-out;
}

.dashboard-chart7 .dashboard-chart7-note[b-7q38zenimt] {
    padding: 4px 24px 0 24px;
    color: var(--primary, #0a8a86);
    font-size: 13px;
    font-style: italic;
}

.dashboard-chart6 .dashboard-chart6-note[b-7q38zenimt] {
    padding: 4px 24px 0 24px;
    font-size: 13px;
    font-style: italic;
    visibility: hidden;
}

.dashboard-chart7 .exercise-region[b-7q38zenimt] {
    position: relative;
    margin: 8px 8px 16px 24px;
}
.dashboard-chart7 .exercise-border[b-7q38zenimt] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 20px;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    pointer-events: none;
    z-index: 2;
}
.dashboard-chart7 .exercise-scroll[b-7q38zenimt] {
    position: relative;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.dashboard-chart7 .exercise-scroll[b-7q38zenimt]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.dashboard-chart7 .exercise-scrollbar[b-7q38zenimt] {
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 4px;
    width: 6px;
    background: #f2f9fa;
    border-radius: 999px;
    z-index: 3;
    cursor: pointer;
}
.dashboard-chart7 .exercise-scrollbar-thumb[b-7q38zenimt] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #ceeaed;
    border-radius: 999px;
    will-change: transform, height;
}

.dashboard-chart7 .exercise-table-header[b-7q38zenimt] {
    padding: 14px 20px;
    background: #faf8f5;
    border-bottom: 1px solid #ECECEC;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: var(--dark-primary, #003b57);
    font-size: 14px;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 1;
}
.dashboard-chart7 .exercise-table-header-name[b-7q38zenimt] {
    flex: 1;
    padding-right: 12px;
}

.dashboard-chart7 .exercise-table-header-adherence[b-7q38zenimt] {
    display: inline-block;
    width: 72px;
    text-align: left;
}
.dashboard-chart7 .exercise-list[b-7q38zenimt] {
    display: flex;
    flex-direction: column;
}
.dashboard-chart7 .exercise-row[b-7q38zenimt] {
    padding: 14px 20px;
}
.dashboard-chart7 .exercise-row-right[b-7q38zenimt] {
    width: 72px;
    justify-content: flex-start;
}

.dashboard-chart6 .most-added-region[b-7q38zenimt] {
    position: relative;
    margin: 8px 8px 16px 24px;
}
.dashboard-chart6 .most-added-border[b-7q38zenimt] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 20px;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    pointer-events: none;
    z-index: 2;
}
.dashboard-chart6 .most-added-scroll[b-7q38zenimt] {
    position: relative;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.dashboard-chart6 .most-added-scroll[b-7q38zenimt]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.dashboard-chart6 .most-added-scrollbar[b-7q38zenimt] {
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 4px;
    width: 6px;
    background: #f2f9fa;
    border-radius: 999px;
    z-index: 3;
    cursor: pointer;
}
.dashboard-chart6 .most-added-scrollbar-thumb[b-7q38zenimt] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #ceeaed;
    border-radius: 999px;
    will-change: transform, height;
}

.dashboard-chart6 .most-added-table-header[b-7q38zenimt] {
    padding: 14px 20px;
    background: #faf8f5;
    border-bottom: 1px solid #ECECEC;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: var(--dark-primary, #003b57);
    font-size: 14px;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 1;
}
.dashboard-chart6 .most-added-table-header-name[b-7q38zenimt] {
    flex: 1;
    padding-right: 12px;
}
.dashboard-chart6 .most-added-table-header-percent[b-7q38zenimt] {
    display: inline-block;
    width: 72px;
    text-align: left;
}
.dashboard-chart6 .most-added-list[b-7q38zenimt] {
    display: flex;
    flex-direction: column;
}
.dashboard-chart6 .most-added-row[b-7q38zenimt] {
    padding: 14px 20px;
    border-bottom: 1px solid #ECECEC;
}
.dashboard-chart6 .most-added-row:last-child[b-7q38zenimt] {
    border-bottom: 0;
}
.dashboard-chart6 .most-added-name[b-7q38zenimt] {
    flex: 1;
    color: var(--dark-primary, #003b57);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 12px;
}
.dashboard-chart6 .most-added-row-right[b-7q38zenimt] {
    width: 72px;
    justify-content: flex-start;
}

.dashboard-chart6 .most-added-pill[b-7q38zenimt] {
    display: inline-block;
    min-width: 56px;
    text-align: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(10, 138, 134, 0.12);
    color: var(--primary, #0a8a86);
    font-weight: 600;
    font-size: 14px;
}

.dashboard-chart5 .feedback-region[b-7q38zenimt] {
    position: relative;
    margin: 8px 8px 16px 24px;
    min-height: 420px;
}
.dashboard-chart5 .feedback-list[b-7q38zenimt] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 420px;
    overflow-y: auto;
    padding: 0 24px 0 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.dashboard-chart5 .feedback-list[b-7q38zenimt]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.dashboard-chart5 .feedback-scrollbar[b-7q38zenimt] {
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 4px;
    width: 6px;
    background: #f2f9fa;
    border-radius: 999px;
    z-index: 3;
    cursor: pointer;
}
.dashboard-chart5 .feedback-scrollbar-thumb[b-7q38zenimt] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #ceeaed;
    border-radius: 999px;
    will-change: transform, height;
}

.exercise-row[b-7q38zenimt] {
    padding: 14px 8px;
    border-bottom: 1px solid #ECECEC;
}
.exercise-row:last-child[b-7q38zenimt] { border-bottom: 0; }
.exercise-name[b-7q38zenimt] {
    flex: 1;
    color: var(--dark-primary, #003b57);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 12px;
}
.exercise-row-right[b-7q38zenimt] {
    gap: 12px;
    flex-shrink: 0;
}
.exercise-percent[b-7q38zenimt] {
    display: inline-block;
    min-width: 56px;
    text-align: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(10, 138, 134, 0.1);
    color: var(--primary, #0a8a86);
    font-weight: 600;
    font-size: 14px;
}
.exercise-percent.low-adherence-pill[b-7q38zenimt] {
    background: #E7383E;
    color: #FFFFFF;
}
.exercise-info-icon[b-7q38zenimt] {
    width: 20px;
    height: 20px;
    opacity: 1;
    cursor: help;
    filter: brightness(0) saturate(100%) invert(38%) sepia(59%) saturate(455%) hue-rotate(139deg) brightness(94%) contrast(92%);
}

.feedback-empty[b-7q38zenimt] {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
    gap: 6px;
}
.feedback-empty-icon[b-7q38zenimt] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #D6EDEB;
    color: var(--primary, #0a8a86);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.feedback-empty-title[b-7q38zenimt] {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    color: var(--dark-primary, #003b57);
}
.feedback-empty-subtitle[b-7q38zenimt] {
    margin: 0;
    font-size: 13px;
    color: var(--light-primary, #6b7d8a);
    max-width: 260px;
    line-height: 1.4;
}

.feedback-card[b-7q38zenimt] {
    padding: 20px 4px;
    border-bottom: 1px solid #ECECEC;
    gap: 16px;
    align-items: flex-start;
}
.feedback-card:last-child[b-7q38zenimt] { border-bottom: 0; }
.feedback-avatar[b-7q38zenimt] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #D6EDEB;
    color: var(--primary, #0a8a86);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
}
.feedback-body[b-7q38zenimt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.feedback-body-header[b-7q38zenimt] {
    gap: 12px;
}
.feedback-reviewer[b-7q38zenimt] {
    font-weight: 700;
    color: var(--dark-primary, #003b57);
    font-size: 16px;
    line-height: 24px;
}

.feedback-star-row[b-7q38zenimt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}
.feedback-star[b-7q38zenimt] {
    width: 16px;
    height: 16px;
}
.feedback-aggregate[b-7q38zenimt] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.feedback-aggregate .feedback-star[b-7q38zenimt] { width: 18px; height: 18px; }
.feedback-aggregate-value[b-7q38zenimt] {
    color: var(--dark-primary, #003b57);
    font-weight: 600;
    font-size: 16px;
}
.feedback-comment[b-7q38zenimt] {
    margin: 0;
    color: var(--dark-primary, #003b57);
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
}
.feedback-timestamp[b-7q38zenimt] {
    color: var(--primary, #0a8a86);
    font-size: 13px;
    line-height: 20px;
}
/* /Pages/Admin/Exercises.razor.rz.scp.css */
.not-allowed[b-t2acjujy9n] {
    cursor: not-allowed;
}
/* /Pages/Admin/GroupOverview.razor.rz.scp.css */
/*
 * Most of the .group-overview, .back-title, .new-program-btn, .group-overview-table and
 * .create-new-group .modal-body styling is global in admin-style.css. Only the small
 * additions specific to this page live here.
 */

.edit-group-modal .modal-body .group-access-select[b-t546ozlgn5] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 44px;
    border: 1px solid #ECECEC;
    border-radius: 16px;
    outline: none;
    padding: 0 40px 0 16px;
    background-color: var(--white);
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-primary);
    background-image: url(../../img/icons/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    cursor: pointer;
}

    .edit-group-modal .modal-body .group-access-select:focus[b-t546ozlgn5] {
        border: 2px solid var(--primary);
    }

.edit-group-modal .modal-body .group-description-wrap textarea[b-t546ozlgn5] {
    min-height: 116px;
}

.edit-group-modal .modal-body .group-description-wrap .char-count[b-t546ozlgn5] {
    display: block;
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    color: #8A8A8A;
}

/* Generate invites modal */
.generate-invites-modal .modal-body .generate-invites-row[b-t546ozlgn5] {
    align-items: end;
    gap: 16px;
}

.generate-invites-modal .modal-body .invites-quantity-field[b-t546ozlgn5] {
    flex: 1 1 0;
}

.generate-invites-modal .modal-body .generate-invites-submit[b-t546ozlgn5] {
    flex: 1 1 0;
    padding: 0 24px;
}

    .generate-invites-modal .modal-body .generate-invites-submit img[b-t546ozlgn5] {
        height: 18px;
        width: 18px;
    }

.generate-invites-modal .modal-body .invites-quantity-validation[b-t546ozlgn5]  .validation-message ~ .validation-message {
    display: none;
}

.generate-invites-modal .modal-body .validity-note[b-t546ozlgn5] {
    gap: 8px;
    color: var(--primary);
    font-size: 14px;
}

    .generate-invites-modal .modal-body .validity-note img[b-t546ozlgn5] {
        height: 18px;
        width: 18px;
    }

.generate-invites-modal .modal-body .history-card[b-t546ozlgn5] {
    background-color: var(--white);
    border: 1px solid #ECECEC;
    border-radius: 24px;
    box-shadow: 0 4px 40px #D2ADA71A;
    overflow: hidden;
}

    .generate-invites-modal .modal-body .history-card-header[b-t546ozlgn5] {
        padding: 16px 24px;
        border-bottom: 1px solid #ECECEC;
    }

        .generate-invites-modal .modal-body .history-card-header h6[b-t546ozlgn5] {
            font-size: 16px;
            font-weight: 700;
            color: var(--dark-primary);
            margin: 0;
        }

    .generate-invites-modal .modal-body .history-table[b-t546ozlgn5] {
        width: 100%;
        border-collapse: collapse;
    }

        .generate-invites-modal .modal-body .history-table th[b-t546ozlgn5] {
            text-align: left;
            color: var(--light-primary);
            font-size: 13px;
            font-weight: 500;
            padding: 12px 24px;
            border-bottom: 1px solid #ECECEC;
        }

        .generate-invites-modal .modal-body .history-table td[b-t546ozlgn5] {
            color: var(--dark-primary);
            font-size: 14px;
            padding: 14px 24px;
            border-bottom: 1px solid #ECECEC;
        }

        .generate-invites-modal .modal-body .history-table tr:last-child td[b-t546ozlgn5] {
            border-bottom: none;
        }

        .generate-invites-modal .modal-body .history-table .row-actions[b-t546ozlgn5] {
            text-align: right;
        }

        .generate-invites-modal .modal-body .history-table .re-export-btn[b-t546ozlgn5] {
            background-color: transparent;
            border: none;
            padding: 4px 6px;
            cursor: pointer;
        }

            .generate-invites-modal .modal-body .history-table .re-export-btn img[b-t546ozlgn5] {
                height: 18px;
                width: 18px;
            }

.generate-invites-modal .modal-body .batch-status[b-t546ozlgn5] {
    font-weight: 600;
}

    .generate-invites-modal .modal-body .batch-status.status-active[b-t546ozlgn5] {
        color: var(--primary);
    }

    .generate-invites-modal .modal-body .batch-status.status-expired[b-t546ozlgn5] {
        color: var(--btn-orange);
    }

.edit-group-modal .modal-body .unlimited-warning[b-t546ozlgn5] {
    background-color: #FFF7E6;
    border: 1px solid #F4C66B;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 13px;
    color: #7A5A1E;
}

.group-overview .overview-title[b-t546ozlgn5] {
    flex: 1;
    margin-bottom: 24px;
}

    .group-overview .overview-title h2[b-t546ozlgn5] {
        font-size: 32px;
        font-weight: 700;
        color: var(--dark-primary);
        line-height: 1.2;
        margin: 0;
    }

    .group-overview .overview-title p[b-t546ozlgn5] {
        color: var(--primary);
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
    }

[b-t546ozlgn5] .members-pagination {
    padding: 20px 24px;
    border-top: 1px solid #ECECEC;
    gap: 24px;
}

[b-t546ozlgn5] .members-pagination .cstm-pagination > button:last-child {
    margin-right: 16px;
}

[b-t546ozlgn5] .members-pagination .cstm-pagination {
    padding-top: 0;
}

[b-t546ozlgn5] .members-pagination .members-page-size {
    color: var(--dark-primary);
    font-size: 14px;
}

[b-t546ozlgn5] .members-pagination .members-page-size-select {
    height: 40px;
    min-width: 76px;
    padding: 0 14px;
    border: 1px solid #E8E8E8;
    border-radius: 14px;
    background-color: #F7F7F7;
    color: var(--dark-primary);
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

.group-overview .empty-card[b-t546ozlgn5] {
    background-color: var(--white);
    border: 1px solid #ECECEC;
    border-radius: 24px;
    padding: 48px 24px;
    color: var(--primary);
    font-size: 14px;
}

.group-overview .overview-section[b-t546ozlgn5] {
    margin-top: 16px;
}

/* Programs / Members tab toggle (pill segmented control) — matches .exercise-tabs sizing */
.group-overview .overview-tabs[b-t546ozlgn5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--white);
    border: 1px solid #ECECEC;
    border-radius: 50px;
    box-shadow: 0 4px 40px #D2ADA71A;
    width: 50%;
    margin-top: 16px;
}

.group-overview .overview-tabs .overview-tab[b-t546ozlgn5] {
    height: 44px;
    border: none;
    border-radius: 50px;
    background-color: var(--white);
    color: var(--dark-primary);
    font-size: 14px;
    gap: 8px;
    cursor: pointer;
}

    .group-overview .overview-tabs .overview-tab img[b-t546ozlgn5] {
        height: 20px;
    }

    .group-overview .overview-tabs .overview-tab.active[b-t546ozlgn5] {
        background-color: var(--primary);
        color: var(--white);
    }

        .group-overview .overview-tabs .overview-tab.active img[b-t546ozlgn5] {
            filter: brightness(0) invert(1);
        }

@media (max-width: 1300px) {
    .group-overview .overview-tabs[b-t546ozlgn5] {
        width: 100%;
    }
}

/* Per-tab action row (Add program / Add members + Generate invites) */
.group-overview .overview-tab-actions[b-t546ozlgn5] {
    gap: 12px;
    margin-top: 24px;
}

.group-overview .primary-pill-btn[b-t546ozlgn5] {
    height: 44px;
    border: none;
    border-radius: 50px;
    background-color: var(--btn-orange);
    color: var(--white);
    font-size: 14px;
    padding: 0 20px;
    gap: 8px;
}

    .group-overview .primary-pill-btn:hover:not(:disabled)[b-t546ozlgn5] {
        opacity: 0.9;
    }

.group-overview .ghost-pill-btn[b-t546ozlgn5],
.group-overview .group-overview-table .search-btn button.ghost-pill-btn[b-t546ozlgn5] {
    height: 44px;
    border: none;
    border-radius: 50px;
    background-color: #00969F1A;
    color: var(--dark-primary);
    font-size: 14px;
    padding: 0 20px;
    gap: 8px;
}

    .group-overview .ghost-pill-btn img[b-t546ozlgn5] {
        height: 16px;
        width: 16px;
        filter: brightness(0) saturate(100%) invert(22%) sepia(82%) saturate(1500%) hue-rotate(175deg) brightness(95%) contrast(101%);
    }

    .group-overview .ghost-pill-btn:hover:not(:disabled)[b-t546ozlgn5] {
        background-color: var(--primary);
        color: var(--white);
    }

        .group-overview .ghost-pill-btn:hover:not(:disabled) img[b-t546ozlgn5] {
            filter: brightness(0) invert(1);
        }

/* Programmes grid spacing on group overview */
.group-overview .programmes-section[b-t546ozlgn5] {
    margin-top: 16px;
}

    .group-overview .programmes-section .programs-boxes[b-t546ozlgn5] {
        gap: 24px;
        margin: 0;
    }

    .group-overview .programmes-section .programs-box[b-t546ozlgn5] {
        background: var(--white);
        border: 1px solid #ECECEC;
        border-radius: 24px;
        box-shadow: 0 4px 40px #D2ADA71A;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        width: calc(33.333% - 16px);
    }

@media (max-width: 1600px) {
    .group-overview .programmes-section .programs-box[b-t546ozlgn5] {
        width: calc(33.333% - 16px);
    }
}

@media (max-width: 1300px) {
    .group-overview .programmes-section .programs-box[b-t546ozlgn5] {
        width: calc(50% - 12px);
    }
}

@media (max-width: 1024px) {
    .group-overview .programmes-section .programs-box[b-t546ozlgn5] {
        width: 100%;
    }
}

/* Members tab: filter pill + table column tweaks */
.group-overview .group-overview-table .members-filter[b-t546ozlgn5] {
    background-color: var(--white);
    border: 1px solid #ECECEC;
    border-radius: 50px;
    padding: 0 12px 0 14px;
    gap: 8px;
    height: 44px;
}

    .group-overview .group-overview-table .members-filter img[b-t546ozlgn5] {
        height: 16px;
        width: 16px;
    }

    .group-overview .group-overview-table .members-filter select[b-t546ozlgn5] {
        border: none;
        background-color: transparent;
        outline: none;
        font-size: 14px;
        color: var(--dark-primary);
        height: 100%;
        padding-right: 4px;
        cursor: pointer;
    }

/* Members table header + row tweaks */
.group-overview .group-overview-table table.members-table[b-t546ozlgn5] {
    width: 100%;
}

    .group-overview .group-overview-table table.members-table thead th[b-t546ozlgn5] {
        font-size: 14px;
        font-weight: 500;
        color: var(--light-primary);
        padding: 16px 24px;
        text-align: left;
        border-bottom: 1px solid #ECECEC;
    }

    .group-overview .group-overview-table table.members-table tbody td[b-t546ozlgn5] {
        font-size: 14px;
        color: var(--dark-primary);
        padding: 0 24px;
        vertical-align: middle;
    }

    .group-overview .group-overview-table table.members-table .row-actions[b-t546ozlgn5] {
        text-align: right;
        white-space: nowrap;
    }

        .group-overview .group-overview-table table.members-table .row-actions button[b-t546ozlgn5] {
            background-color: transparent;
            border: none;
            padding: 4px 6px;
        }

            .group-overview .group-overview-table table.members-table .row-actions button img[b-t546ozlgn5] {
                height: 20px;
                width: 20px;
            }

/* Status badges (Active / Expired / Pending) */
.group-overview .status-badge[b-t546ozlgn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

    .group-overview .status-badge.status-active[b-t546ozlgn5] {
        background-color: #007C141A;
        color: var(--green);
    }

    .group-overview .status-badge.status-expired[b-t546ozlgn5] {
        background-color: #C72B2B1A;
        color: var(--red);
    }

    .group-overview .status-badge.status-pending[b-t546ozlgn5] {
        background-color: #E057401A;
        color: var(--btn-orange);
    }

    .group-overview .status-badge.status-disabled[b-t546ozlgn5] {
        background-color: #ECECEC;
        color: #6B7280;
    }

/* Add members modal */
.add-members-modal .modal-body .add-member-btn[b-t546ozlgn5],
.add-members-modal .modal-body .import-csv-btn[b-t546ozlgn5] {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.add-members-modal .modal-body .add-member-btn img[b-t546ozlgn5] {
    height: 16px;
    width: 16px;
}

.add-members-modal .modal-body .import-csv-btn img[b-t546ozlgn5] {
    height: 16px;
    width: 16px;
}

.add-members-modal .modal-body .or-divider[b-t546ozlgn5] {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
    gap: 12px;
}

    .add-members-modal .modal-body .or-divider .line[b-t546ozlgn5] {
        flex: 1;
        height: 1px;
        background-color: #ECECEC;
    }

    .add-members-modal .modal-body .or-divider .or-label[b-t546ozlgn5] {
        flex: 0 0 auto;
        padding: 0 4px;
    }

.add-members-modal .modal-body .staged-list-card[b-t546ozlgn5] {
    background-color: var(--white);
    border: 1px solid #ECECEC;
    border-radius: 24px;
    box-shadow: 0 4px 40px #D2ADA71A;
    overflow: hidden;
}

    .add-members-modal .modal-body .staged-list-card .staged-list-header[b-t546ozlgn5] {
        padding: 16px 24px;
        border-bottom: 1px solid #ECECEC;
    }

        .add-members-modal .modal-body .staged-list-card .staged-list-header h6[b-t546ozlgn5] {
            font-size: 16px;
            font-weight: 700;
            color: var(--dark-primary);
            margin: 0;
        }

        .add-members-modal .modal-body .staged-list-card .staged-list-header .clear-all-btn[b-t546ozlgn5] {
            background-color: #C72B2B1A;
            border: none;
            border-radius: 50px;
            padding: 6px 14px;
            color: var(--red);
            font-size: 13px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            cursor: pointer;
        }

            .add-members-modal .modal-body .staged-list-card .staged-list-header .clear-all-btn img[b-t546ozlgn5] {
                height: 14px;
                width: 14px;
            }

    .add-members-modal .modal-body .staged-list-card .staged-empty-state[b-t546ozlgn5] {
        padding: 28px 24px 24px;
    }

        .add-members-modal .modal-body .staged-list-card .staged-empty-state .email-badge[b-t546ozlgn5] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 56px;
            width: 56px;
            border-radius: 50%;
            background-color: #00969F1A;
            margin: 0 auto 12px;
        }

            .add-members-modal .modal-body .staged-list-card .staged-empty-state .email-badge img[b-t546ozlgn5] {
                height: 24px;
                width: 24px;
            }

        .add-members-modal .modal-body .staged-list-card .staged-empty-state .hint-line[b-t546ozlgn5] {
            color: var(--primary);
            font-size: 14px;
            margin: 0;
            line-height: 1.5;
        }

    .add-members-modal .modal-body .staged-list-card table.staged-list-table[b-t546ozlgn5] {
        width: 100%;
        border-collapse: collapse;
    }

        .add-members-modal .modal-body .staged-list-card table.staged-list-table th[b-t546ozlgn5] {
            text-align: left;
            color: var(--light-primary);
            font-size: 13px;
            font-weight: 600;
            padding: 12px 24px;
            border-bottom: 1px solid #ECECEC;
        }

        .add-members-modal .modal-body .staged-list-card table.staged-list-table td[b-t546ozlgn5] {
            color: var(--dark-primary);
            font-size: 14px;
            padding: 14px 24px;
            border-bottom: 1px solid #ECECEC;
        }

        .add-members-modal .modal-body .staged-list-card table.staged-list-table tr:last-child td[b-t546ozlgn5] {
            border-bottom: none;
        }

        .add-members-modal .modal-body .staged-list-card table.staged-list-table .row-actions[b-t546ozlgn5] {
            text-align: right;
            white-space: nowrap;
        }

            .add-members-modal .modal-body .staged-list-card table.staged-list-table .row-actions button[b-t546ozlgn5] {
                background-color: transparent;
                border: none;
                padding: 4px 6px;
                cursor: pointer;
            }

                .add-members-modal .modal-body .staged-list-card table.staged-list-table .row-actions button img[b-t546ozlgn5] {
                    height: 18px;
                    width: 18px;
                }

    .add-members-modal .modal-body .staged-list-card .cstm-pagination[b-t546ozlgn5] {
        padding: 12px 24px 16px 24px;
        border-top: 1px solid #ECECEC;
        margin-top: 0 !important;
    }

.add-members-modal .modal-body .validity-note[b-t546ozlgn5] {
    gap: 8px;
    color: var(--primary);
    font-size: 14px;
}

    .add-members-modal .modal-body .validity-note img[b-t546ozlgn5] {
        height: 18px;
        width: 18px;
    }

.add-members-modal .modal-body .send-invites-btn[b-t546ozlgn5] {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

.add-members-modal .modal-body .send-invites-btn img[b-t546ozlgn5] {
    height: 18px;
    width: 18px;
}

/* Archive confirmation modal styles moved to global admin-style.css —
   Blazor scoped CSS was producing inconsistent results for this modal during
   hot-reload (scope-id mismatch between DOM and bundle). The rules are now under
   .archive-group-modal in admin-style.css. */

/* NOTE: Edit/Delete header button styling lives in admin-style.css under
   #programme-info-modal — Blazor scoped CSS does not reliably reach into
   Bootstrap modal content rendered into the page DOM. */

/* Three-button row inside the programme info modal — mirrors the physio
   .program-overview .program-info-popup .three-btn styling so the look and
   feel matches across the two surfaces. */
[b-t546ozlgn5] .program-info-popup .modal-body .three-btn {
    margin-top: 32px;
    gap: 16px;
}

[b-t546ozlgn5] .program-info-popup .modal-body .three-btn button {
    background-color: #00969F1A;
    height: 44px;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    color: var(--dark-primary);
    gap: 8px;
}

[b-t546ozlgn5] .program-info-popup .modal-body .three-btn button:hover {
    background-color: var(--primary);
    color: var(--white);
}

[b-t546ozlgn5] .program-info-popup .modal-body .three-btn button:hover img {
    filter: brightness(0) invert(1);
}

[b-t546ozlgn5] .program-info-popup .modal-body .three-btn button img {
    width: 18px;
    height: 18px;
}

/* Journaltekst (medical record) sub-modal — mirror physio's #medical-record rules. */
[b-t546ozlgn5] #programme-medical-record-modal .modal-content {
    height: auto;
}

[b-t546ozlgn5] #programme-medical-record-modal .modal-body h6 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-primary);
}

[b-t546ozlgn5] #programme-medical-record-modal .modal-body p,
[b-t546ozlgn5] #programme-medical-record-modal .modal-body ul {
    font-size: 16px;
    font-weight: 400;
    color: var(--dark-primary);
}

[b-t546ozlgn5] #programme-medical-record-modal .modal-body ul {
    padding-left: 20px;
}

[b-t546ozlgn5] #programme-medical-record-modal .modal-body ul li {
    list-style: disc;
}

[b-t546ozlgn5] #programme-medical-record-modal .modal-body button.copy-btn {
    background-color: var(--btn-orange);
    color: var(--white);
    gap: 8px;
    height: 44px;
    border: none;
    border-radius: 50px;
    margin: 32px 0;
}
/* /Pages/Admin/Groups.razor.rz.scp.css */
[b-bavp0bypd4] .groups-filter-search {
    gap: 16px;
    margin-top: 48px;
}

    [b-bavp0bypd4] .groups-filter-search .groups-filter-select {
        height: 44px;
        border: 1px #ECECEC solid;
        border-radius: 50px;
        box-shadow: 0 4px 40px #D2ADA71A;
        background-color: var(--white);
        padding-left: 16px;
        gap: 8px;
    }

        [b-bavp0bypd4] .groups-filter-search .groups-filter-select select {
            background-color: white;
            height: 100%;
            border: none;
            border-radius: 50px;
            padding: 0 40px 0 5px;
            outline: none;
            cursor: pointer;
        }

    [b-bavp0bypd4] .groups-filter-search .search {
        background-color: var(--white);
        border-radius: 50px;
        padding: 0 14px 0 14px;
        border: 1px #ECECEC solid;
        box-shadow: 0 4px 40px #D2ADA71A;
        width: 320px;
    }

        [b-bavp0bypd4] .groups-filter-search .search input {
            height: 44px;
            border-radius: 50px;
            border: none;
            outline: none;
            padding: 0 0 0 10px;
            background-color: transparent;
            flex: 1;
            min-width: 0;
            color: var(--dark-primary);
        }

            [b-bavp0bypd4] .groups-filter-search .search input::placeholder {
                color: #00557c51;
            }

[b-bavp0bypd4] .groups-list-container {
    margin-top: 24px;
}

.view-details-btn[b-bavp0bypd4] {
    height: 44px;
    padding: 0 16px;
    gap: 8px;
    border-radius: 50px;
    border: none;
    background-color: #00969F1A;
    color: var(--dark-primary);
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .view-details-btn img[b-bavp0bypd4] {
        height: 18px;
        width: 18px;
    }

    .view-details-btn:hover[b-bavp0bypd4] {
        background-color: var(--primary);
        color: var(--white);
    }

        .view-details-btn:hover img[b-bavp0bypd4] {
            filter: brightness(0) invert(1);
        }

.create-new-group .modal-body .group-access-select[b-bavp0bypd4] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 44px;
    border: 1px solid #ECECEC;
    border-radius: 16px;
    outline: none;
    padding: 0 40px 0 16px;
    background-color: var(--white);
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-primary);
    background-image: url(../../img/icons/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    cursor: pointer;
}

    .create-new-group .modal-body .group-access-select:focus[b-bavp0bypd4] {
        border: 2px solid var(--primary);
    }

.create-new-group .modal-body .group-description-wrap .char-count[b-bavp0bypd4] {
    display: block;
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    color: #8A8A8A;
}
/* /Pages/GroupJoin.razor.rz.scp.css */
/* Two-column layout: left form panel, right hero image.
   Styles are scoped to this component (no ::deep — the page's own elements). */

.group-join[b-uguwaz0dvr] {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #FAF9F8;
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    color: #00547C;
}

.group-join__left[b-uguwaz0dvr] {
    flex: 1 1 50%;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    box-sizing: border-box;
    position: relative;
    background: #FAF9F8;
}

.group-join__right[b-uguwaz0dvr] {
    flex: 1 1 50%;
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #00547C;
}

.group-join__right video[b-uguwaz0dvr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.group-join__right-overlay[b-uguwaz0dvr] {
    position: absolute;
    inset: 0;
    background: rgba(0, 84, 124, 0.4);
    pointer-events: none;
}

.group-join__logo[b-uguwaz0dvr] {
    position: absolute;
    top: 48px;
    left: 72px;
    margin: 0;
}

.group-join__logo img[b-uguwaz0dvr] {
    height: 56px;
    width: auto;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}

.group-join__content[b-uguwaz0dvr] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-join__panel[b-uguwaz0dvr] {
    width: 100% !important;
    max-width: 420px !important;
    min-width: 0 !important;
    text-align: center;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.group-join__panel--center[b-uguwaz0dvr] {
    padding-bottom: 8px;
}

.group-join__icon-circle[b-uguwaz0dvr] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-join__icon[b-uguwaz0dvr] {
    width: 24px;
    height: 24px;
    display: block;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

.group-join__icon--mail[b-uguwaz0dvr] {
    -webkit-mask-image: url(/img/icons/mail.svg);
            mask-image: url(/img/icons/mail.svg);
}

.group-join__icon--check[b-uguwaz0dvr] {
    -webkit-mask-image: url(/img/icons/check.svg);
            mask-image: url(/img/icons/check.svg);
}

.group-join__icon--users[b-uguwaz0dvr] {
    -webkit-mask-image: url(/img/icons/user-multiple.svg);
            mask-image: url(/img/icons/user-multiple.svg);
}

.group-join__icon--clock[b-uguwaz0dvr] {
    -webkit-mask-image: url(/img/icons/clock.svg);
            mask-image: url(/img/icons/clock.svg);
}

.group-join__icon--alert[b-uguwaz0dvr] {
    -webkit-mask-image: url(/img/icons/alert.svg);
            mask-image: url(/img/icons/alert.svg);
}

.group-join__icon--close[b-uguwaz0dvr] {
    -webkit-mask-image: url(/img/icons/X-cancel.svg);
            mask-image: url(/img/icons/X-cancel.svg);
}

.group-join__icon-circle--accent[b-uguwaz0dvr] {
    background: rgba(0, 150, 159, 0.1);
    color: #00547C;
}

.group-join__icon-circle--warn[b-uguwaz0dvr] {
    background: #fbe5d6;
    color: #c06012;
}

.group-join__icon-circle--danger[b-uguwaz0dvr] {
    background: #fbe1e1;
    color: #c44a3a;
}

.group-join__eyebrow[b-uguwaz0dvr] {
    font-size: 16px;
    font-weight: 500;
    color: #00547C;
    margin: 0 0 4px;
}

.group-join__heading[b-uguwaz0dvr] {
    font-size: 28px;
    font-weight: 700;
    color: #00547C;
    margin: 0 0 12px;
    line-height: 1.25;
}

.group-join__sub[b-uguwaz0dvr] {
    font-size: 15px;
    color: #00547C;
    opacity: 0.85;
    margin: 0 0 28px;
    line-height: 1.5;
}

.group-join__field[b-uguwaz0dvr] {
    text-align: left;
    margin-bottom: 16px;
    flex: 1 1 0;
}

.group-join__field-row[b-uguwaz0dvr] {
    display: flex;
    gap: 16px;
    margin-bottom: 8px;
}

.group-join__field-row .group-join__field[b-uguwaz0dvr] {
    margin-bottom: 8px;
}

.group-join__field label[b-uguwaz0dvr] {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #00547C;
    margin-bottom: 6px;
}

.group-join__required[b-uguwaz0dvr] {
    color: #00547C;
}

.group-join__required-star[b-uguwaz0dvr] {
    color: #E05740;
    font-weight: 600;
}

.group-join__input[b-uguwaz0dvr] {
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    padding: 0 10px;
    border: 1px solid #ECECEC;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 4px 40px rgba(210, 173, 167, 0.1);
    font-size: 15px;
    font-family: inherit;
    color: #00547C;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.group-join__input[b-uguwaz0dvr]::placeholder {
    color: #97aeb2;
}

.group-join__input:focus[b-uguwaz0dvr] {
    outline: none;
    border-color: #00547C;
    box-shadow: 0 0 0 3px rgba(0, 84, 124, 0.12);
}

.group-join__input--readonly[b-uguwaz0dvr] {
    background: #f5f7f7;
    color: #00547C;
}

.group-join__hint[b-uguwaz0dvr] {
    position: relative;
    padding-left: 24px;
    background: transparent;
    color: #00547C;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    margin: 12px 0 8px;
    opacity: 0.85;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.group-join__hint > span[b-uguwaz0dvr] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.group-join__hint a[b-uguwaz0dvr],
.group-join__hint strong[b-uguwaz0dvr] {
    display: inline !important;
    white-space: normal !important;
}

.group-join__hint-icon[b-uguwaz0dvr] {
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    display: block;
    background-color: currentColor;
    -webkit-mask: url(/img/icons/information-circle.svg) no-repeat center / contain;
            mask: url(/img/icons/information-circle.svg) no-repeat center / contain;
}

.group-join__hint a[b-uguwaz0dvr] {
    color: #00547C;
    text-decoration: underline;
}

.group-join__inline-error[b-uguwaz0dvr] {
    color: #c44a3a;
    font-size: 13px;
    text-align: left;
    margin: 4px 0 8px;
}

.group-join__btn[b-uguwaz0dvr] {
    border: none;
    border-radius: 999px;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 12px;
    width: 100%;
    font-family: inherit;
    transition: opacity 120ms ease, background-color 120ms ease;
}

.group-join__btn:disabled[b-uguwaz0dvr] {
    opacity: 0.55;
    cursor: not-allowed;
}

.group-join__btn--primary[b-uguwaz0dvr] {
    background: #E05740;
    color: #ffffff;
}

.group-join__btn--primary:hover:not(:disabled)[b-uguwaz0dvr] {
    background: #c84a35;
}

.group-join__btn--secondary[b-uguwaz0dvr] {
    background: rgba(0, 150, 159, 0.1);
    color: #00547C;
}

.group-join__btn--secondary:hover:not(:disabled)[b-uguwaz0dvr] {
    background: rgba(0, 150, 159, 0.2);
}

.group-join__btn-row[b-uguwaz0dvr] {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.group-join__btn-row .group-join__btn[b-uguwaz0dvr] {
    flex: 1 1 0;
    margin-top: 0;
}

.group-join__btn--single[b-uguwaz0dvr] {
    margin-top: 24px;
}

.group-join__loading[b-uguwaz0dvr] {
    padding: 40px 0;
    text-align: center;
    color: #00547C;
    font-size: 14px;
}

.group-join__download-prompt[b-uguwaz0dvr] {
    font-size: 15px;
    font-weight: 600;
    color: #00547C;
    text-align: center;
    margin: 0 0 12px;
}

.group-join__store-badges[b-uguwaz0dvr] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 0;
    flex-wrap: wrap;
}

.group-join__store-badge[b-uguwaz0dvr] {
    display: inline-flex;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

    .group-join__store-badge:hover[b-uguwaz0dvr] {
        transform: translateY(-1px);
        opacity: 0.9;
    }

    .group-join__store-badge img[b-uguwaz0dvr] {
        display: block;
        height: 44px;
        width: auto;
    }

/* Collapse to a single column on narrow viewports. */
@media (max-width: 900px) {
    .group-join[b-uguwaz0dvr] {
        flex-direction: column;
    }

    .group-join__right[b-uguwaz0dvr] {
        display: none;
    }

    .group-join__left[b-uguwaz0dvr] {
        padding: 88px 24px 32px;
        width: 100%;
        height: 100vh;
        align-items: flex-start;
    }

    .group-join__logo[b-uguwaz0dvr] {
        top: 24px;
        left: 24px;
    }

    .group-join__logo img[b-uguwaz0dvr] {
        height: 40px;
    }

    .group-join__btn-row[b-uguwaz0dvr] {
        flex-direction: column-reverse;
    }

    .group-join__store-badge img[b-uguwaz0dvr] {
        height: 40px;
    }
}
/* /Pages/Physiotherapist/EmailLogsTab.razor.rz.scp.css */
#email-logs .tab-data[b-w3nh1dix8c] {
    background-color: var(--white);
    border-radius: 32px;
    border: 1px solid #ECECEC;
    box-shadow: 0 4px 40px #D2ADA71A;
    overflow: hidden;
}

#email-logs .tab-data table.custom-table[b-w3nh1dix8c] {
    border-radius: 0;
    border: none;
    margin: 0;
    table-layout: fixed;
    width: 100%;
}

#email-logs .tab-data tr[b-w3nh1dix8c] {
    white-space: nowrap;
}

#email-logs .tab-data th[b-w3nh1dix8c] {
    background-color: var(--white);
    border-bottom: 1px #ECECEC solid;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-primary);
    padding: 16px 24px;
    vertical-align: middle;
}

#email-logs .tab-data th.col-program[b-w3nh1dix8c] {
    width: 25%;
}

#email-logs .tab-data th.col-patient[b-w3nh1dix8c] {
    width: 25%;
}

#email-logs .tab-data th.col-status[b-w3nh1dix8c] {
    width: 18%;
}

#email-logs .tab-data th.col-datetime[b-w3nh1dix8c] {
    width: 17%;
}

#email-logs .tab-data th.col-actions[b-w3nh1dix8c] {
    width: 15%;
}

    #email-logs .tab-data th select[b-w3nh1dix8c] {
        height: 44px;
        width: 180px;
        background-color: #FAF9F8;
        border: 1px #ECECEC solid;
        border-radius: 50px;
        color: var(--dark-primary);
        padding: 0 14px;
        font-size: 14px;
        font-weight: 500;
        outline: none;
    }

#email-logs .tab-data td[b-w3nh1dix8c] {
    overflow: hidden;
    text-overflow: ellipsis;
}

#email-logs .tab-data td[b-w3nh1dix8c] {
    font-weight: 500;
    color: var(--dark-primary);
    padding: 20px 24px;
    vertical-align: middle;
}

#email-logs .tab-data td:nth-child(2)[b-w3nh1dix8c],
#email-logs .tab-data td:nth-child(3)[b-w3nh1dix8c],
#email-logs .tab-data td:nth-child(4)[b-w3nh1dix8c] {
    color: var(--primary);
    font-weight: 400;
}

    #email-logs .tab-data td.preview button[b-w3nh1dix8c] {
        height: 44px;
        background-color: #00969F1A;
        color: var(--dark-primary);
        gap: 8px;
        border-radius: 50px;
        border: none;
        padding: 0 16px;
        font-size: 14px;
    }

        #email-logs .tab-data td.preview button:hover[b-w3nh1dix8c] {
            background-color: var(--primary);
            color: var(--white);
        }

            #email-logs .tab-data td.preview button:hover img[b-w3nh1dix8c] {
                filter: brightness(0) invert(1);
            }
/* /Pages/Physiotherapist/Patients/PhysioManagePatientCase.razor.rz.scp.css */
.new-message-info[b-qir3upjnyk] {
    font-size: 14px;
}

    .new-message-info .left[b-qir3upjnyk] {
        color: var(--dark-primary);
    }

    .new-message-info .right[b-qir3upjnyk] {
        color: var(--primary);
    }

.new-message[b-qir3upjnyk] {
    color: var(--dark-primary);
    background-color: var(--white)
}

.send-button[b-qir3upjnyk] {
    height: 44px;
    border: none;
    border-radius: 50px;
    padding: 0 16px;
    gap: 8px;
    font-size: 14px;
}

.message-content[b-qir3upjnyk] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: var(--light-primary);
}

.footer[b-qir3upjnyk] {
    font-size: 14px;
    font-weight: 800;
}
/* /Pages/Physiotherapist/Patients/PhysioManagePatientCaseProgram.razor.rz.scp.css */
.programs-image img[b-q6rrk7eaet] {
    border-radius: 24px;
}

.programs-box[b-q6rrk7eaet] {
    height: -webkit-fill-available;
}

    .programs-box h4[b-q6rrk7eaet] {
        color: var(--dark-primary);
    }

    .programs-box p[b-q6rrk7eaet] {
        color: var(--primary);
    }

.exercise-box[b-q6rrk7eaet] {
    border-radius: 24px;
    background-color: var(--white);
    border: 1px #ECECEC solid;
    margin-bottom: 16px;
}

.program-title[b-q6rrk7eaet],
.exercise-title[b-q6rrk7eaet] {
    font-weight: 700;
}

.exercise-thumbnail[b-q6rrk7eaet] {
    width: 250px;
    border-radius: 16px 0 0 16px;
}

.exercise-content[b-q6rrk7eaet] {
    padding: 16px;
}

.exercise-info-btn[b-q6rrk7eaet] {
    background-color: transparent;
    border: none;
    outline: none;
}
/* /Pages/Physiotherapist/PhysioExercises.razor.rz.scp.css */
.create-exercise-btn[b-4m3ymz6kpg] {
    background-color: var(--btn-orange);
    color: var(--white);
    height: 44px;
    padding: 0 16px;
    border: none;
    border-radius: 50px;
    gap: 8px;
    font-size: 14px;
}

    .create-exercise-btn:hover[b-4m3ymz6kpg] {
        opacity: 0.9;
    }

[b-4m3ymz6kpg] .exercise-boxes .exercise-box {
    border-radius: 24px;
    background-color: var(--white);
    border: 1px #ECECEC solid;
    width: calc(25% - 12px);
}

.show-favorites[b-4m3ymz6kpg] {
    height: 44px;
    background-color: #00969F1A;
    color: var(--dark-primary);
    gap: 8px;
    padding: 0 16px;
    border-radius: 50px;
    border: none;
    font-size: 14px;
}

    .show-favorites:hover[b-4m3ymz6kpg],
    .show-favorites.active[b-4m3ymz6kpg] {
        background-color: var(--dark-primary) !important;
        color: var(--white) !important;
    }

        .show-favorites.active img[b-4m3ymz6kpg],
        .show-favorites:hover img[b-4m3ymz6kpg] {
            filter: brightness(0) invert(1);
        }
/* /Pages/Physiotherapist/PhysioPatients.razor.rz.scp.css */
[b-v2vk2spdtp] input:disabled {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    color: var(--primary);
    font-weight: 700 !important;
    font-size: 18px !important;
}

.patient-part-of-clinic-title[b-v2vk2spdtp] {
    font-size: 14px;
    color: var(--dark-primary);
    margin-bottom: 12px;
    font-weight: 500;
}

.patient-clinic[b-v2vk2spdtp] {
    border-bottom: 1px solid #00969F26;
    padding: 16px 0;
}

    .patient-clinic h5[b-v2vk2spdtp] {
        font-weight: 700;
        color: var(--primary);
        margin: 0;
    }

    .patient-clinic img[b-v2vk2spdtp] {
        cursor: pointer;
    }

    .patient-clinic:last-of-type[b-v2vk2spdtp] {
        border-bottom: none;
        margin-bottom: 12px;
    }
/* /Pages/Physiotherapist/PhysioProgramBuilder.razor.rz.scp.css */
.library-box .library-image .star[b-iuq5ckkbx0] {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: var(--white);
    border-radius: 50px;
    height: 28px;
    width: 28px;
    border: 1px #ECECEC solid;
    cursor: pointer;
    z-index: 2;
}

    .library-box .library-image .star img[b-iuq5ckkbx0] {
        width: 16px !important;
        height: 16px !important;
        object-fit: contain !important;
    }
/* /Pages/Physiotherapist/PhysioPrograms.razor.rz.scp.css */
.program-library .programs-boxes[b-sxs6tdmrpw] {
    margin-top: 24px;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.program-library .programs-boxes[b-sxs6tdmrpw]  .program-box-popup {
    display: contents;
}

@media (max-width: 1600px) {
    .program-library .programs-boxes[b-sxs6tdmrpw] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1300px) {
    .program-library .programs-boxes[b-sxs6tdmrpw] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .program-library .programs-boxes[b-sxs6tdmrpw] {
        grid-template-columns: 1fr;
    }
}

.program-library .program-library-title h2[b-sxs6tdmrpw] {
    font-size: 28px;
    font-weight: 700;
    color: var(--dark-primary);
        margin-bottom: 4px;
}

.program-library .program-library-title p[b-sxs6tdmrpw] {
    font-size: 18px;
    font-weight: 400;
    color: var(--primary);
}

.program-library .program-library-title a[b-sxs6tdmrpw] {
    background-color: var(--btn-orange);
    color: var(--white);
    padding: 0 16px;
    height: 44px;
    border-radius: 50px;
    gap: 8px;
    font-size: 14px;
}

    .program-library .program-library-title a:hover[b-sxs6tdmrpw] {
        opacity: 0.9;
    }

.program-library .search-filter-btn[b-sxs6tdmrpw] {
    margin-top: 24px;
}

    .program-library .search-filter-btn .filter-search[b-sxs6tdmrpw] {
        gap: 16px;
        flex: 0 0 50%;
        width: 50%;
    }

    .program-library .search-filter-btn .filter-search .search[b-sxs6tdmrpw] {
        width: 100%;
        flex: 1;
    }

    .program-library .search-filter-btn .filter[b-sxs6tdmrpw] {
        background-color: var(--white);
        border: 1px #ECECEC solid;
        border-radius: 50px;
        padding: 0 0 0 16px;
    }

        .program-library .search-filter-btn .filter select[b-sxs6tdmrpw] {
            background-color: var(--white);
            border: none;
            height: 44px;
            border-radius: 50px;
        }

    .program-library .search-filter-btn .search[b-sxs6tdmrpw] {
        background-color: var(--white);
        border: 1px #ECECEC solid;
        border-radius: 50px;
        padding: 0 14px 0 10px;
    }

        .program-library .search-filter-btn .search input[b-sxs6tdmrpw] {
            border-radius: 50px;
            height: 44px;
            font-size: 14px;
            padding: 0 0 0 14px;
            outline: none;
            border: none;
            flex: 1;
            min-width: 0;
            color: var(--dark-primary);
        }

            .program-library .search-filter-btn .search input[b-sxs6tdmrpw]::placeholder {
                color: #00557c50;
            }

    .program-library .search-filter-btn .star-btn.active[b-sxs6tdmrpw] {
        background-color: var(--primary);
        color: var(--white);
    }
        .program-library .search-filter-btn .star-btn.active img[b-sxs6tdmrpw] {
            filter: brightness(0) invert(1);
        }
    .program-library .search-filter-btn .star-btn[b-sxs6tdmrpw] {
        height: 44px;
        background-color: #00969F1A;
        color: var(--dark-primary);
        gap: 8px;
        padding: 0 16px;
        border-radius: 50px;
        border: none;
        font-size: 14px;
    }

        .program-library .search-filter-btn .star-btn:hover[b-sxs6tdmrpw] {
            background-color: var(--primary);
            color: var(--white);
        }

            .program-library .search-filter-btn .star-btn:hover img[b-sxs6tdmrpw] {
                filter: brightness(0) invert(1);
            }

.program-library .program-library-tab-btns[b-sxs6tdmrpw] {
    gap: 8px;
    background-color: var(--white);
    border: 1px #ECECEC solid;
    border-radius: 50px;
    padding: 8px;
}

    .program-library .program-library-tab-btns button[b-sxs6tdmrpw] {
        gap: 8px;
        border: none;
        color: var(--dark-primary);
        background-color: var(--white);
        height: 44px;
        border-radius: 50px;
    }

        .program-library .program-library-tab-btns button img[b-sxs6tdmrpw] {
            height: 20px;
        }

        .program-library .program-library-tab-btns button.active[b-sxs6tdmrpw] {
            background-color: var(--primary);
            color: var(--white);
        }

            .program-library .program-library-tab-btns button.active img[b-sxs6tdmrpw] {
                filter: brightness(0) invert(1);
            }



.program-library #email-logs .tab-data table.custom-table[b-sxs6tdmrpw] {
    border-radius: 0px;
    border: none;
}

.program-library #email-logs .tab-data tr[b-sxs6tdmrpw] {
    white-space: nowrap;
}

.program-library #email-logs .tab-data th[b-sxs6tdmrpw] {
    background-color: var(--white);
    border-bottom: 1px #ECECEC solid;
    font-size: 16px;
    font-weight: 700;
}

    .program-library #email-logs .tab-data th select[b-sxs6tdmrpw] {
        height: 44px;
        background-color: #FAF9F8;
        border-radius: 50px;
        color: var(--dark-primary);
    }

.program-library #email-logs .tab-data td[b-sxs6tdmrpw] {
    font-weight: 500;
}

    .program-library #email-logs .tab-data td.preview button[b-sxs6tdmrpw] {
        height: 44px;
        background-color: #00969F1A;
        color: var(--dark-primary);
        gap: 8px;
        border-radius: 50px;
        border: none;
        padding: 0 16px;
    }

        .program-library #email-logs .tab-data td.preview button:hover[b-sxs6tdmrpw] {
            background-color: var(--primary);
            color: var(--white);
        }

            .program-library #email-logs .tab-data td.preview button:hover img[b-sxs6tdmrpw] {
                filter: brightness(0) invert(1);
            }

.program-library #email-logs .tab-data .title-search[b-sxs6tdmrpw] {
    padding: 16px 16px 16px 24px;
    border-bottom: 1px #ECECEC solid;
}

    .program-library #email-logs .tab-data .title-search h3[b-sxs6tdmrpw] {
        font-size: 20px;
        font-weight: 700;
        color: var(--dark-primary);
            }

    .program-library #email-logs .tab-data .title-search .search[b-sxs6tdmrpw] {
        background-color: #FAF9F8;
        border: 1px #ECECEC solid;
        border-radius: 50px;
        padding: 0 14px;
    }

        .program-library #email-logs .tab-data .title-search .search input[b-sxs6tdmrpw] {
            height: 44px;
            font-size: 14px;
            color: var(--dark-primary);
            border-radius: 50px;
            width: 560px;
            border: none;
            outline: none;
            padding-left: 10px;
            background-color: transparent;
        }

            .program-library #email-logs .tab-data .title-search .search input[b-sxs6tdmrpw]::placeholder {
                color: #00557c51;
            }


/* popup */

.program-library .group-overview .modal .modal-dialog[b-sxs6tdmrpw] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.program-library .group-overview .modal .modal-content[b-sxs6tdmrpw] {
    width: 720px;
    border-radius: 32px;
}

    .program-library .group-overview .modal .modal-content .modal-header[b-sxs6tdmrpw] {
        width: 720px;
        padding: 20px 32px;
    }

        .program-library .group-overview .modal .modal-content .modal-header h5[b-sxs6tdmrpw] {
            font-size: 28px;
            font-weight: 700;
            color: var(--dark-primary);
        }

.program-library .group-overview #detailsModal2 .modal-content[b-sxs6tdmrpw] {
    overflow-y: visible;
}

.program-library .group-overview .program-library .program-info-popup .modal-header div[b-sxs6tdmrpw] {
    gap: 16px;
}

.program-library .program-info-popup .modal-header div button.btn-close[b-sxs6tdmrpw] {
    padding: 0 15px;
}

.program-library .program-info-popup .modal-header div a.edit[b-sxs6tdmrpw] {
    padding: 0 16px;
    border: none;
    color: var(--dark-primary);
    gap: 8px;
    background-color: #00969F1A;
    height: 44px;
    border-radius: 50px;
    font-size: 14px;
}

    .program-library .program-info-popup .modal-header div a.edit:hover[b-sxs6tdmrpw] {
        color: var(--white);
        background-color: var(--primary);
    }

        .program-library .program-info-popup .modal-header div a.edit:hover img[b-sxs6tdmrpw] {
            filter: brightness(0) invert(1);
        }

.program-library #program-info2 .modal-header button.btn-close[b-sxs6tdmrpw] {
    padding: 0;
}

.program-library #program-info2 .modal-header button.btn-close[b-sxs6tdmrpw],
.program-library .program-info-popup .modal-header div button.btn-close[b-sxs6tdmrpw] {
    background-color: #00969F1A;
    height: 44px;
    width: 44px;
    border-radius: 50px;
}

    .program-library #program-info2 .modal-header button.btn-close:hover[b-sxs6tdmrpw],
    .program-library .program-info-popup .modal-header div button.btn-close:hover[b-sxs6tdmrpw] {
        background-color: var(--primary);
    }

.program-library .program-info-popup .modal-header div button.delete[b-sxs6tdmrpw] {
    background-color: #C72B2B14;
    font-size: 14px;
    color: var(--red);
    gap: 8px;
    border: none;
    padding: 0 16px;
    height: 44px;
    border-radius: 50px;
    margin: 0 16px;
}

    .program-library .program-info-popup .modal-header div button.delete:hover[b-sxs6tdmrpw] {
        background-color: var(--red);
        color: var(--white);
    }

        .program-library .program-info-popup .modal-header div button.delete:hover img[b-sxs6tdmrpw] {
            filter: brightness(0) invert(1);
        }

.program-library .program-info-popup .modal-body[b-sxs6tdmrpw] {
    padding: 32px;
    background-color: #FAF9F8;
    border-radius: 32px;
}

    .program-library .program-info-popup .modal-body .title h5[b-sxs6tdmrpw] {
        font-size: 24px;
        font-weight: 700;
        color: var(--dark-primary);
        margin-bottom: 4px;
    }

    .program-library .program-info-popup .modal-body .title p[b-sxs6tdmrpw] {
        color: var(--primary);
    }

    .program-library .program-info-popup .modal-body .three-btn[b-sxs6tdmrpw] {
        margin-top: 32px;
        gap: 16px;
    }

        .program-library .program-info-popup .modal-body .three-btn button[b-sxs6tdmrpw] {
            background-color: #00969F1A;
            height: 44px;
            border: none;
            border-radius: 50px;
            font-size: 14px;
            color: var(--dark-primary);
            gap: 8px;
        }

            .program-library .program-info-popup .modal-body .three-btn button:hover[b-sxs6tdmrpw] {
                background-color: var(--primary);
                color: var(--white);
            }

                .program-library .program-info-popup .modal-body .three-btn button:hover img[b-sxs6tdmrpw] {
                    filter: brightness(0) invert(1);
                }

    .program-library .program-info-popup .modal-body .img-data[b-sxs6tdmrpw] {
        gap: 16px;
        margin-top: 32px;
    }

        .program-library .program-info-popup .modal-body .img-data video.modal-img[b-sxs6tdmrpw] {
            border-radius: 32px;
            height: 240px;
            width: 320px;
            object-fit: cover;
        }

        .program-library .program-info-popup .modal-body .img-data button.badge[b-sxs6tdmrpw] {
            height: 44px;
            padding: 0 24px;
            background-color: var(--white);
            color: var(--dark-primary);
            font-size: 16px;
            font-weight: 500;
            border: 1px #ECECEC solid;
            border-radius: 50px;
            gap: 12px;
            margin: 9px;
        }

    .program-library .program-info-popup .modal-body .exercises[b-sxs6tdmrpw] {
        margin-top: 42px;
    }

        .program-library .program-info-popup .modal-body .exercises h5[b-sxs6tdmrpw] {
            font-size: 28px;
            font-weight: 700;
            color: var(--dark-primary);
            margin-bottom: 10px;
        }

        .program-library .program-info-popup .modal-body .exercises .exercises-box[b-sxs6tdmrpw] {
            background-color: var(--white);
            border-radius: 32px;
            margin-top: 16px;
        }

            .program-library .program-info-popup .modal-body .exercises .exercises-box img.modal-img[b-sxs6tdmrpw] {
                border-radius: 32px 0 0 32px;
                height: 124px;
            }

            .program-library .program-info-popup .modal-body .exercises .exercises-box .exercises-box-data[b-sxs6tdmrpw] {
                padding: 24px;
            }

.program-library .program-info-popup .exercises .exercises-box .exercises-box-data h6[b-sxs6tdmrpw] {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-primary);
}

.program-library .program-info-popup .exercises .exercises-box .exercises-box-data .exercises-box-data-title button[b-sxs6tdmrpw] {
    background-color: transparent;
    border: none;
    outline: none;
}

.program-library .program-info-popup .exercises .exercises-box .exercises-box-data .exercises-box-data-title div[b-sxs6tdmrpw] {
    gap: 12px;
}

.program-library .program-info-popup .exercises .exercises-box .exercises-box-data .badge[b-sxs6tdmrpw] {
    height: 32px;
    background-color: #FAF9F8;
    border: 1px #ECECEC solid;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-primary);
}

.program-library .program-info-popup .exercises .exercises-box .exercises-box-data .badge2 .badge[b-sxs6tdmrpw] {
    gap: 8px;
}

.program-library .program-info-popup .exercises .exercises-box .exercises-box-data .badge2 .badge22[b-sxs6tdmrpw] {
    gap: 8px;
}
/* /Shared/Layouts/AdminLayout.razor.rz.scp.css */
.main-content[b-2z8boorz75] {
    margin: auto;
    max-width: 1200px;
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.dashboard[b-ib8a660k8f] {
    background-color: #FAF9F8;
    height: 100vh;
}

.dashboard-data[b-ib8a660k8f] {
    padding: 48px 24px 24px 24px;
    height: 100vh;
    overflow-y: scroll;
}

.main-content[b-ib8a660k8f] {
    margin: auto;
    max-width: 1200px;
}
/* /Shared/Layouts/NavigationMenu.razor.rz.scp.css */
.sidebar[b-bm0ymj8y3l] {
    background-color: var(--white);
    border: 1px #ECECEC solid;
    border-radius: 0 32px 32px 0;
    box-shadow: 0 4px 40px #D2ADA71A;
    width: 216px;
    flex-shrink: 0;
}

    .sidebar .sidebar-top[b-bm0ymj8y3l] {
        padding: 24px 24px 0px 24px;
    }

    .sidebar ul[b-bm0ymj8y3l] {
        list-style: none;
        padding: 0;
        gap: 4px;
        margin: 40px 0 0 0;
    }

/*.sidebar ul li {
    padding: 16px;
    border-radius: 20px;
}
*/

[b-bm0ymj8y3l] .nav-link {
    padding: 16px;
    border-radius: 20px;
    color: var(--dark-primary);
}

    [b-bm0ymj8y3l] .nav-link:hover,
    [b-bm0ymj8y3l] .nav-link.active {
        background-color: var(--primary) !important;
        color: var(--white) !important;
    }

    [b-bm0ymj8y3l] .nav-link img {
        height: 20px;
        margin-right: 8px;
    }

    [b-bm0ymj8y3l] .nav-link.active img,
    [b-bm0ymj8y3l] .nav-link:hover img {
        filter: brightness(0) invert(1);
    }

    [b-bm0ymj8y3l] .nav-link span {
        margin: 0;
        font-size: 14px;
        font-weight: 400;
    }

.sidebar a.new-btn[b-bm0ymj8y3l] {
    background-color: var(--btn-orange);
    color: var(--white);
    height: 44px;
    border-radius: 50px;
    font-size: 14px;
    gap: 8px;
    margin: 24px 0 48px 0;
}

    .sidebar a.new-btn:hover[b-bm0ymj8y3l] {
        opacity: 0.9;
    }

.sidebar-user-name a[b-bm0ymj8y3l] {
    background-color: #00969F0D;
    padding: 16px;
}

    .sidebar-user-name a span[b-bm0ymj8y3l] {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        background-color: #00969F26;
        color: var(--primary);
        height: 44px;
        width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: 44px;
        max-width: 44px;
        border-radius: 50px;
        flex-shrink: 0;
    }

    .sidebar-user-name a > div[b-bm0ymj8y3l] {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .sidebar-user-name a h5[b-bm0ymj8y3l] {
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        color: var(--dark-primary);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
    }

    .sidebar-user-name a p[b-bm0ymj8y3l] {
        font-size: 14px;
        font-weight: 500;
        color: var(--primary);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.copyright-container[b-bm0ymj8y3l] {
    padding: 12px;
    margin: 0;
}

    .copyright-container p[b-bm0ymj8y3l] {
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        color: var(--primary);
    }
/* /Shared/PaginatedFooter.razor.rz.scp.css */
.bottom[b-zzf4jvo2ti] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    background-color: transparent;
}

.bottom .dataTables_length label[b-zzf4jvo2ti] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--primary);
    font-size: 14px;
}

.bottom .dataTables_length select[b-zzf4jvo2ti] {
    background-color: #F7F7F7;
    border: 1px solid #E8E8E8;
    border-radius: 14px;
    padding: 0 14px;
    color: var(--dark-primary);
    font-size: 14px;
    height: 40px;
    min-width: 76px;
}

.dataTables_paginate[b-zzf4jvo2ti] {
    display: flex;
}

.pagination[b-zzf4jvo2ti] {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination li[b-zzf4jvo2ti] {
    padding: 0;
    margin: 0;
}

.pagination .page-link[b-zzf4jvo2ti] {
    background-color: transparent !important;
    color: var(--primary) !important;
    border: none !important;
    font-size: 16px;
    font-weight: 500;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    padding: 0 !important;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.pagination .page-item .page-link:hover[b-zzf4jvo2ti] {
    background-color: #00969F1A !important;
    color: var(--primary) !important;
}

.pagination .page-item.active .page-link[b-zzf4jvo2ti],
.pagination .page-item.active .page-link:hover[b-zzf4jvo2ti] {
    background-color: #F7F7F7 !important;
    color: var(--primary) !important;
    border: 1px solid #E8E8E8 !important;
}

.pagination .page-item.ellipsis .page-link[b-zzf4jvo2ti],
.pagination .page-item.ellipsis .page-link:hover[b-zzf4jvo2ti] {
    background-color: transparent !important;
    color: var(--primary) !important;
    cursor: default;
    font-weight: 600;
    letter-spacing: 1px;
}

.pagination .previous .page-link[b-zzf4jvo2ti],
.pagination .next .page-link[b-zzf4jvo2ti] {
    background-color: #D9ECEE !important;
    color: var(--primary) !important;
    width: 44px;
    height: 44px;
    border-radius: 50% !important;
}

.pagination .previous .page-link:hover[b-zzf4jvo2ti],
.pagination .next .page-link:hover[b-zzf4jvo2ti] {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.pagination .previous .page-link img[b-zzf4jvo2ti],
.pagination .next .page-link img[b-zzf4jvo2ti] {
    width: 16px;
    height: 16px;
}

.pagination .previous .page-link img.left[b-zzf4jvo2ti] {
    transform: rotate(180deg);
}

.pagination .previous .page-link:hover img[b-zzf4jvo2ti],
.pagination .next .page-link:hover img[b-zzf4jvo2ti] {
    filter: brightness(0) invert(1);
}

.pagination .page-item.disabled .page-link[b-zzf4jvo2ti],
.pagination .page-item.disabled .page-link:hover[b-zzf4jvo2ti] {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #00969F1A !important;
    color: var(--primary) !important;
}

.custom-select.custom-select-sm[b-zzf4jvo2ti] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300758C' class='bi bi-chevron-down'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L6 8.293l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 30px;
    cursor: pointer;
}

    .custom-select.custom-select-sm:focus[b-zzf4jvo2ti] {
        border-color: var(--primary);
        box-shadow: 0 0 0 0.15rem rgba(0, 117, 140, .15);
        outline: none;
    }