/* _content/SnapHand.App/Components/Dialogs/EditDialog.razor.rz.scp.css */
/*.numbers-list-container, .colors-list-container {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    justify-content: flex-start;
    width:100%;
   
}
.buttons-container{
    width:100%;
}
.heading-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.color-button.selected {
    border: 2px #1976d2 solid;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
}
.color-button {
            border: 1px #A6B727 solid;
            padding: 10px 20px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            width: 40px;
            height: 45px;
            transition: all 1s;
        }

    .color-button:hover {
        transform: scale(1.2);
    }

p {
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: bolder;
}
*/
/* _content/SnapHand.App/Components/Dialogs/InputFingerMeasurmentsDialog.razor.rz.scp.css */
/*.numbers-list-container, .colors-list-container {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    justify-content: flex-start;
    width:100%;
   
}
.buttons-container{
    width:100%;
}
.heading-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.color-button.selected {
    border: 2px #1976d2 solid;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
}
.color-button {
            border: 1px #A6B727 solid;
            padding: 10px 20px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            width: 40px;
            height: 45px;
            transition: all 1s;
        }

    .color-button:hover {
        transform: scale(1.2);
    }

p {
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: bolder;
}
*/
/* _content/SnapHand.App/Components/Input/ValueSelector.razor.rz.scp.css */
.buttons-container[b-jm3ydmrvbi] {
    display: flex !important;
    flex-wrap: nowrap !important; /* never wrap onto new lines */
    overflow-x: auto !important; /* allow horizontal scroll */
    overflow-y: hidden !important;
    /* optionally constrain its parent width�remove if unnecessary */
    width: 100% !important;
}

.DailyUseButtons .buttons-container[b-jm3ydmrvbi] {
    justify-content: center;
}

    .buttons-container .number-button[b-jm3ydmrvbi] {
        flex: 0 0 auto !important; /* each button stays its intrinsic size */
    }

.number-button[b-jm3ydmrvbi] {
    border: 1px #A6B727 solid !important;
    padding: 10px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    background-color: white !important;
    width: 20px !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

    .number-button:hover[b-jm3ydmrvbi] {
        background-color: lemonchiffon !important;
    }

    .number-button.selected[b-jm3ydmrvbi] {
        background-color: #1976d2 !important;
        color: white !important;
    }

@media (max-width: 768px) {
    /* no need to wrap at all�scroll instead */
    .buttons-container[b-jm3ydmrvbi] {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }
}
/* _content/SnapHand.App/Components/Input/ValueSelectorHalfSteps.razor.rz.scp.css */
.buttons-container[b-q1c243eqkt] {
    display: flex;
    flex-wrap: nowrap; /* keep buttons in one row */
    overflow-x: auto; /* allow horizontal scrolling */
    overflow-y: hidden;
    width: 100%;
}

    .buttons-container .number-button[b-q1c243eqkt] {
        flex: 0 0 auto; /* each button stays its intrinsic size */
    }

.number-button[b-q1c243eqkt] {
    border: 1px #A6B727 solid;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    background-color: white;
    width: 20px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .number-button:hover[b-q1c243eqkt] {
        background-color: lemonchiffon;
    }

    .number-button.selected[b-q1c243eqkt] {
        background-color: #1976d2;
        color: white;
    }

@media (max-width: 768px) {
    .buttons-container[b-q1c243eqkt] {
        /* same behavior on small screens */
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}
/* _content/SnapHand.App/Components/Measurements/Edit/Pain.razor.rz.scp.css */
/*table{
    text-align: left;
}

th{
    width: 480px;
}

td{
    padding-left: 5px;
}

tr:last-child td {
    padding-left: 10px;
}

*/
/* _content/SnapHand.App/Components/Measurements/Visualizations/HandVisualization.razor.rz.scp.css */
.container-fluid[b-j5l2hi4nwh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow:hidden;
}

.hand-container[b-j5l2hi4nwh] {
    max-width: 800px;
    margin-bottom: 5rem;
}

img[b-j5l2hi4nwh] {
    max-width: 400px;
    margin-bottom:10rem ;
}

.image-wrapper[b-j5l2hi4nwh] {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    margin:auto;
}

.responsive-image[b-j5l2hi4nwh] {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}



.stacked-inputs[b-j5l2hi4nwh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.finger-container[b-j5l2hi4nwh] {

}

.fingers-output[b-j5l2hi4nwh] {
    width: 43px;
    height: 44px;
    border-radius: 50%;
    z-index: 10;
}

.open-dialog-button[b-j5l2hi4nwh] {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.2rem;
}
/* _content/SnapHand.App/Components/Measurements/Visualizations/VisualizationGridView.razor.rz.scp.css */
/* Global Reset */
*[b-qgr5t5w1ba] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Container for all metrics */
.metrics-container[b-qgr5t5w1ba] {
    margin: 1rem;
}

.metric-row[b-qgr5t5w1ba] {
    display: grid;
    grid-template-columns: 250px 60px 1fr;
    align-items: center;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.metric-title[b-qgr5t5w1ba] {
    padding: 0.5rem;
    font-weight: bold;
}

.metric-score[b-qgr5t5w1ba] {
    padding: 0.5rem;
    text-align: right;
    font-size: 1.1rem;
}

/* The gradient behind the scale */
.metric-scale[b-qgr5t5w1ba] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to right, #92D14F, #FFC100, orange, #C20006);
    border-radius: 4px;
    padding: 0.5rem;
}

/* Each scale "cell": fixed to one-eleventh of the width */
.value-grid-item[b-qgr5t5w1ba] {
    flex: 0 0 calc(100% / 11);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/SnapHand.App/Components/Pages/Intro.razor.rz.scp.css */
/*.device-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 515px));
    gap: 10px;
    justify-content: center;
    margin: 0 auto;
}


.device-item {*/
    /*width: 500px;
    height: 500px;*/ /* fixed square container */
    /*width: 500px;
    height: 500px;
    display: flex;
    flex-direction: column;*/ /* stack image + text vertically */
    /*align-items: center;
    background: #a6b727;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    overflow: clip;*/ /* ensures content doesn’t spill out */
/*}

    .device-item:hover {
        color: #ffffff !important;
        transform: scale(1.05);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }*/

/* This container flexes so the image can be centered within the top portion. */
/*.image-container {
    height:300px;
    max-width:300px;
    flex: 1;*/ /* use remaining vertical space except what's used by the text */
    /*display: flex;
    align-items: center;
    justify-content: center;
}

.device-image {*/
/*    max-width: 50%;
    max-height: 100%;  */ /*fits within the .image-container flex space */

                         /*object-fit: contain;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.device-image:hover {
    transform: scale(1.05);
}*/

/* The text is placed at the bottom of the card. */
/*.device-text {
    color: #ffffff !important;
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;*/
    /* If you want to clamp text to 1 or 2 lines, use line-clamp: */
    /*display: -webkit-box;
    -webkit-line-clamp: 2;*/ /* or 1 for a single line */
    /*-webkit-box-orient: vertical;
    overflow: hidden;
}

mud-typography-h6 {
    color: #ffffff !important;
}

mud-typography {
    color: #ffffff !important;
}

tooltip{
    max-width:300px;
}*/
/* _content/SnapHand.App/Components/Pages/Measurement/MeasurementSummary.razor.rz.scp.css */
.summary-container[b-xvtshpv6b7] {
    font-family: Arial, sans-serif;
    background: #dae376; /* Light background */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    margin: auto; /* Center alignment */
    text-align: center; /* Ensures text is more centrally positioned */
    width: 50%;
}

.summary-section[b-xvtshpv6b7] {
    margin-bottom: 15px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: left;
}

h2[b-xvtshpv6b7] {
    color: #444;
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
    font-size: 1.9em;
    text-align: center;
}

h3[b-xvtshpv6b7] {
    color: #666;
    margin-bottom: 8px;
    font-size: 1.5em;
    text-align: center; /* Center section headers */
}

h4[b-xvtshpv6b7] {
    margin-top: 10px;
    color: #666;
    margin-bottom: 8px;
    font-size: 1em;
    text-align: center; /* Center section headers */
    background-color: #f8f8dc;
}

.measurement-table[b-xvtshpv6b7] {
    width: 100%; /* Keep tables at full width within the 50% container */
    border-collapse: collapse;
    font-size: 0.9em;
    text-align: center;
}

    .measurement-table th[b-xvtshpv6b7],
    .measurement-table td[b-xvtshpv6b7] {
        padding: 8px;
        border-bottom: 1px solid #ddd;
    }

    .measurement-table th[b-xvtshpv6b7] {
        background: #e8e8e8;
        text-align: center;
    }

    .measurement-table tr:nth-child(even)[b-xvtshpv6b7] {
        background: #f9f9f9;
    }

.highlight[b-xvtshpv6b7] {
    font-weight: bold;
    color: #333;
}

.general-info[b-xvtshpv6b7] {
    text-align: left;
    width: 100%; /* Ensures the general info block takes full width */
}

    .general-info p[b-xvtshpv6b7] {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        width: 90%; /* Makes it a bit more compact inside the section */
    }


/* _content/SnapHand.App/Components/Pages/Patients.razor.rz.scp.css */
/* Remove the green background from MudTableSortLabel headers */
.mud-table-sort-label[b-gubflbr78u] {
    background-color: transparent !important; /* Remove background */
    color: black !important; /* Ensure text color remains visible */
    padding: 5px 10px; /* Adjust padding if needed */
    border-radius: 4px; /* Keep consistent UI */
}

/* Ensure no green background is applied to custom-labeled table headers */
.no-bg[b-gubflbr78u] {
    background-color: transparent !important;
    color: black !important;
}