/* /Components/TrendChart.razor.rz.scp.css */
.trend-chart[b-9hffbg7n50] {
    display: block;
    width: 100%;
    height: auto;
    min-height: 220px;
    overflow: visible;
}

.grid-line[b-9hffbg7n50] {
    stroke: #e1e7f0;
    stroke-width: 1;
}

.axis-line[b-9hffbg7n50] {
    stroke: #98a2b3;
    stroke-width: 1.25px;
}

.axis-label[b-9hffbg7n50],
.date-label[b-9hffbg7n50] {
    color: #667085;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

.axis-label[b-9hffbg7n50] {
    padding-right: 4px;
    text-align: right;
}

.date-label[b-9hffbg7n50] {
    text-align: center;
}

.trend-line[b-9hffbg7n50] {
    fill: none;
    stroke: #2f66ed;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.trend-point[b-9hffbg7n50] {
    fill: #ffffff;
    stroke: #2f66ed;
    stroke-width: 3;
}

.empty-chart[b-9hffbg7n50] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    color: #667085;
    text-align: center;
}

.secondary-line[b-9hffbg7n50] {
    fill: none;
    stroke: #12b76a;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.secondary-point[b-9hffbg7n50] {
    fill: #ffffff;
    stroke: #12b76a;
    stroke-width: 3;
}

.point-value-label[b-9hffbg7n50] {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    pointer-events: none;
}

.primary-value-label[b-9hffbg7n50] {
    color: #2f66ed;
}

.secondary-value-label[b-9hffbg7n50] {
    color: #12b76a;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-5ysnow970g] {
    min-height: 100vh;
    background: #f7f9fc;
}

.sidebar[b-5ysnow970g] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 100;
    width: 240px;
    border-right: 1px solid #d8e0ec;
    background: #ffffff;
}

.main-content[b-5ysnow970g] {
    min-height: 100vh;
    margin-left: 240px;
}

.content[b-5ysnow970g] {
    width: 100%;
    max-width: calc(var(--container-width) + 64px);
    margin: 0 auto;
    padding: 32px;
}

#blazor-error-ui[b-5ysnow970g] {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 12px 20px;
    background: #fff3cd;
    color: #664d03;
}

    #blazor-error-ui .dismiss[b-5ysnow970g] {
        position: absolute;
        right: 16px;
        cursor: pointer;
    }

@media (max-width: 767px) {
    .sidebar[b-5ysnow970g] {
        inset: auto 0 0 0;
        width: auto;
        height: 72px;
        border-top: 1px solid #d8e0ec;
        border-right: 0;
    }

    .main-content[b-5ysnow970g] {
        margin-left: 0;
        padding-bottom: 72px;
    }

    .content[b-5ysnow970g] {
        padding: 20px 16px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navigation[b-427p5yule7] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

.brand[b-427p5yule7] {
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--app-border);
}

.brand-mark[b-427p5yule7] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    object-fit: contain;
}

.brand-name[b-427p5yule7] {
    color: var(--app-text-primary);
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
}

nav[b-427p5yule7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 12px;
}

    nav[b-427p5yule7]  a {
        display: flex;
        align-items: center;
        gap: 14px;
        min-height: 48px;
        padding: 12px 16px;
        color: #344054;
        text-decoration: none;
        font-weight: 600;
        border-radius: 10px;
    }

        nav[b-427p5yule7]  a img {
            width: 24px;
            height: 24px;
        }

        nav[b-427p5yule7]  a:hover {
            color: #2f66ed;
            background: #f0f4ff;
        }

        nav[b-427p5yule7]  a.active {
            color: #2f66ed;
            background: #e8eefd;
        }

@media (max-width: 767px) {
    .brand[b-427p5yule7] {
        display: none;
    }

    nav[b-427p5yule7] {
        height: 100%;
        flex-direction: row;
        justify-content: space-around;
        gap: 0;
        padding: 6px 8px;
    }

        nav[b-427p5yule7]  a {
            flex: 1;
            flex-direction: column;
            justify-content: center;
            gap: 3px;
            min-height: 56px;
            padding: 4px;
            font-size: 12px;
            border-radius: 8px;
        }

            nav[b-427p5yule7]  a img {
                width: 22px;
                height: 22px;
            }
}
/* /Pages/Account.razor.rz.scp.css */
.account-page[b-wbzoy8sjcc] {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.account-header[b-wbzoy8sjcc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-wbzoy8sjcc] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.account-header h1[b-wbzoy8sjcc] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.account-header p[b-wbzoy8sjcc] {
    margin: 0;
    color: var(--app-text-supporting);
}

.account-back-button[b-wbzoy8sjcc] {
    display: inline-flex;
    min-width: 110px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.account-profile .card-body[b-wbzoy8sjcc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px;
    text-align: center;
}

.account-profile-icon[b-wbzoy8sjcc] {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
}

.account-profile-label[b-wbzoy8sjcc] {
    margin-bottom: 5px;
    color: var(--app-text-supporting);
    font-size: 13px;
}

.account-email[b-wbzoy8sjcc] {
    color: var(--app-text-primary);
    font-size: 17px;
    font-weight: 600;
}

.account-section[b-wbzoy8sjcc] {
    margin-top: 28px;
}

    .account-section h2[b-wbzoy8sjcc] {
        margin: 0 0 12px;
        font-size: 20px;
        font-weight: 600;
    }

.account-menu[b-wbzoy8sjcc] {
    overflow: hidden;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: var(--radius-card);
}

.account-menu-item[b-wbzoy8sjcc] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: 64px;
    padding: 0 20px;
    color: var(--app-text-primary);
    text-decoration: none;
}

    .account-menu-item:hover[b-wbzoy8sjcc] {
        background: #f7f9fc;
        color: var(--app-primary);
    }

.account-chevron[b-wbzoy8sjcc] {
    color: var(--app-text-supporting);
    font-size: 26px;
    line-height: 1;
}

.account-legal-links[b-wbzoy8sjcc] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
    color: var(--app-text-supporting);
    font-size: 13px;
}

    .account-legal-links a[b-wbzoy8sjcc] {
        color: var(--app-text-secondary);
        text-decoration: none;
    }

        .account-legal-links a:hover[b-wbzoy8sjcc] {
            color: var(--app-primary);
            text-decoration: underline;
        }

.account-logout[b-wbzoy8sjcc] {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.account-logout-button[b-wbzoy8sjcc] {
    padding: 10px 18px;
    border: 0;
    background: transparent;
    color: var(--app-error);
    font-size: 16px;
    font-weight: 500;
}

    .account-logout-button:hover[b-wbzoy8sjcc] {
        text-decoration: underline;
    }

@media (max-width: 700px) {
    .account-header[b-wbzoy8sjcc] {
        flex-direction: column;
    }

        .account-header h1[b-wbzoy8sjcc] {
            font-size: 32px;
        }

    .account-back-button[b-wbzoy8sjcc] {
        width: 100%;
    }
}
/* /Pages/AddDiaryNote.razor.rz.scp.css */
.add-note-page[b-cl0ylczfd9] {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.page-eyebrow[b-cl0ylczfd9] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.add-note-page h1[b-cl0ylczfd9] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.add-note-card[b-cl0ylczfd9] {
    margin-top: 28px;
}

[b-cl0ylczfd9] .add-note-text {
    min-height: 240px;
    padding: 16px;
    line-height: 1.5;
    resize: vertical;
}

.add-note-actions[b-cl0ylczfd9] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

    .add-note-actions .btn[b-cl0ylczfd9] {
        min-width: 130px;
        font-weight: 400;
    }

.character-counter[b-cl0ylczfd9] {
    margin-top: 6px;
    color: var(--app-text-supporting);
    font-size: 13px;
    text-align: right;
}

@media (max-width: 576px) {
    .add-note-page h1[b-cl0ylczfd9] {
        font-size: 32px;
    }

    .add-note-actions[b-cl0ylczfd9] {
        flex-direction: column-reverse;
    }

        .add-note-actions .btn[b-cl0ylczfd9] {
            width: 100%;
        }
}
/* /Pages/AddPatient.razor.rz.scp.css */
.add-patient-page[b-3cplhhd3m1] {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.add-patient-header[b-3cplhhd3m1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-3cplhhd3m1] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.add-patient-header h1[b-3cplhhd3m1] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.add-patient-header p[b-3cplhhd3m1] {
    margin: 0;
    color: var(--app-text-supporting);
}

.back-button[b-3cplhhd3m1] {
    display: inline-flex;
    min-width: 110px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.add-patient-card .card-body[b-3cplhhd3m1] {
    padding: 28px;
}

.add-patient-card .form-label[b-3cplhhd3m1] {
    margin-bottom: 8px;
    font-weight: 600;
}

.relationship-options[b-3cplhhd3m1] {
    display: flex;
    gap: 12px;
}

.relationship-option[b-3cplhhd3m1] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 16px;
    border: 1px solid var(--app-border);
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
}

    .relationship-option:has(input:checked)[b-3cplhhd3m1] {
        border-color: var(--app-primary);
        background: #f2f6ff;
    }

    .relationship-option input[b-3cplhhd3m1] {
        accent-color: var(--app-primary);
    }

.add-patient-button[b-3cplhhd3m1] {
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

@media (max-width: 700px) {
    .add-patient-header[b-3cplhhd3m1] {
        flex-direction: column;
    }

        .add-patient-header h1[b-3cplhhd3m1] {
            font-size: 32px;
        }

    .back-button[b-3cplhhd3m1] {
        width: 100%;
    }

    .add-patient-card .card-body[b-3cplhhd3m1] {
        padding: 22px;
    }

    .relationship-options[b-3cplhhd3m1] {
        flex-direction: column;
    }
}
/* /Pages/ChangePassword.razor.rz.scp.css */
.change-password-page[b-cqwrwci86y] {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.change-password-header[b-cqwrwci86y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-cqwrwci86y] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.change-password-header h1[b-cqwrwci86y] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.change-password-header p[b-cqwrwci86y] {
    margin: 0;
    color: var(--app-text-supporting);
}

.back-button[b-cqwrwci86y] {
    display: inline-flex;
    min-width: 110px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.change-password-card .card-body[b-cqwrwci86y] {
    padding: 28px;
}

.change-password-card .form-label[b-cqwrwci86y] {
    margin-bottom: 8px;
    font-weight: 600;
}

.change-password-button[b-cqwrwci86y] {
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

@media (max-width: 700px) {
    .change-password-header[b-cqwrwci86y] {
        flex-direction: column;
    }

        .change-password-header h1[b-cqwrwci86y] {
            font-size: 32px;
        }

    .back-button[b-cqwrwci86y] {
        width: 100%;
    }

    .change-password-card .card-body[b-cqwrwci86y] {
        padding: 22px;
    }
}
/* /Pages/ConnectedDevices.razor.rz.scp.css */
.devices-page[b-3tz5dty09v] {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

.devices-header[b-3tz5dty09v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-3tz5dty09v] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.devices-header h1[b-3tz5dty09v] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.devices-header p[b-3tz5dty09v] {
    margin: 0;
    color: var(--app-text-supporting);
}

.devices-header-actions[b-3tz5dty09v] {
    display: flex;
    gap: 10px;
}

    .devices-header-actions .btn[b-3tz5dty09v] {
        display: inline-flex;
        min-width: 105px;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        font-weight: 400;
    }

.devices-section[b-3tz5dty09v] {
    margin-top: 28px;
}

    .devices-section h2[b-3tz5dty09v] {
        margin: 0 0 12px;
        font-size: 20px;
        font-weight: 600;
    }

.device-list[b-3tz5dty09v],
.source-list[b-3tz5dty09v],
.platform-list[b-3tz5dty09v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.device-card .card-body[b-3tz5dty09v] {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 18px;
    padding: 20px 24px;
}

.device-icon-box[b-3tz5dty09v] {
    display: flex;
    width: 64px;
    height: 72px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eff4ff;
}

    .device-icon-box img[b-3tz5dty09v] {
        width: 34px;
        height: 34px;
        object-fit: contain;
    }

.device-information h3[b-3tz5dty09v],
.platform-card h3[b-3tz5dty09v] {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
}

.device-provider[b-3tz5dty09v],
.device-model[b-3tz5dty09v],
.device-sync[b-3tz5dty09v] {
    color: var(--app-text-supporting);
    font-size: 14px;
}

.device-status[b-3tz5dty09v],
.platform-status.connected[b-3tz5dty09v] {
    margin-top: 5px;
    color: #027a48;
    font-size: 14px;
    font-weight: 600;
}

.device-sync[b-3tz5dty09v] {
    margin-top: 4px;
}

.empty-devices .card-body[b-3tz5dty09v] {
    padding: 36px 24px;
    text-align: center;
}

.empty-devices h3[b-3tz5dty09v] {
    margin: 0 0 8px;
    font-size: 18px;
}

.empty-devices p[b-3tz5dty09v] {
    margin: 0;
    color: var(--app-text-supporting);
}

.source-card .card-body[b-3tz5dty09v],
.platform-card .card-body[b-3tz5dty09v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
}

.source-name[b-3tz5dty09v] {
    margin-bottom: 5px;
    color: var(--app-text-primary);
    font-weight: 600;
}

.source-provider[b-3tz5dty09v],
.platform-status[b-3tz5dty09v] {
    color: var(--app-text-supporting);
    font-size: 14px;
}

.source-options[b-3tz5dty09v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.source-button[b-3tz5dty09v],
.platform-card .btn[b-3tz5dty09v] {
    min-width: 120px;
    font-weight: 400;
}

.source-button-selected[b-3tz5dty09v] {
    min-width: 120px;
    padding: 8px 16px;
    border: 1px solid #abefc6;
    border-radius: 12px;
    background: #ecfdf3;
    color: #027a48;
    font-weight: 500;
    opacity: 1;
}

.source-card summary[b-3tz5dty09v] {
    list-style: none;
}

.source-card-summary[b-3tz5dty09v] {
    display: flex;
    min-height: 86px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    cursor: pointer;
}

.source-chevron[b-3tz5dty09v] {
    color: var(--app-text-supporting);
    font-size: 26px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.source-card[open] .source-chevron[b-3tz5dty09v] {
    transform: rotate(90deg);
}

.source-selection-panel[b-3tz5dty09v] {
    padding: 16px 24px 20px;
    border-top: 1px solid var(--app-border);
}

.source-selection-title[b-3tz5dty09v] {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
}

.source-provider-option[b-3tz5dty09v] {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border: 1px solid var(--app-border);
    border-radius: 12px;
    background: #ffffff;
    color: var(--app-text-primary);
}

    .source-provider-option + .source-provider-option[b-3tz5dty09v] {
        margin-top: 8px;
    }

    .source-provider-option:not(:disabled):hover[b-3tz5dty09v] {
        border-color: var(--app-primary);
        background: #f2f6ff;
    }

    .source-provider-option.selected[b-3tz5dty09v] {
        border-color: #abefc6;
        background: #ecfdf3;
    }

    .source-provider-option:disabled[b-3tz5dty09v] {
        opacity: 1;
    }

.selected-label[b-3tz5dty09v] {
    color: #027a48;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 700px) {
    .devices-header[b-3tz5dty09v] {
        flex-direction: column;
    }

        .devices-header h1[b-3tz5dty09v] {
            font-size: 32px;
        }

    .devices-header-actions[b-3tz5dty09v] {
        width: 100%;
    }

        .devices-header-actions .btn[b-3tz5dty09v] {
            flex: 1;
        }

    .source-card .card-body[b-3tz5dty09v],
    .platform-card .card-body[b-3tz5dty09v] {
        align-items: flex-start;
        flex-direction: column;
    }

    .source-options[b-3tz5dty09v],
    .source-button[b-3tz5dty09v],
    .platform-card .btn[b-3tz5dty09v] {
        width: 100%;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-header[b-xu82hio3mm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.dashboard-heading[b-xu82hio3mm] {
    min-width: 0;
}

.page-eyebrow[b-xu82hio3mm] {
    margin: 0 0 8px;
    color: var(--app-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.dashboard-heading h1[b-xu82hio3mm] {
    margin: 0;
    font-size: clamp(32px, 3vw, 42px);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.dashboard-context[b-xu82hio3mm] {
    margin: 10px 0 0;
    color: var(--app-text-secondary);
    font-size: 16px;
}

.dashboard-date[b-xu82hio3mm] {
    margin: 8px 0 0;
    color: var(--app-text-supporting);
    font-size: 14px;
}

.dashboard-actions[b-xu82hio3mm] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.patient-selector[b-xu82hio3mm] {
    min-width: 240px;
}

.form-select[b-xu82hio3mm] {
    min-height: 48px;
    border-color: var(--app-border);
    border-radius: 12px;
}

    .form-select:focus[b-xu82hio3mm] {
        border-color: var(--app-primary);
        box-shadow: 0 0 0 3px rgba(47, 102, 237, 0.14);
    }

.dashboard-diary-action[b-xu82hio3mm] {
    display: flex;
    justify-content: flex-start;
    margin-top: 24px;
}

.dashboard-diary-button[b-xu82hio3mm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    min-height: 48px;
    padding: 0 24px;
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 767px) {
    .dashboard-header[b-xu82hio3mm] {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 28px;
    }

    .dashboard-actions[b-xu82hio3mm] {
        align-items: stretch;
        flex-direction: column;
    }

    .patient-selector[b-xu82hio3mm] {
        min-width: 0;
    }

    .dashboard-actions .btn[b-xu82hio3mm] {
        width: 100%;
    }
}
/* /Pages/Diary.razor.rz.scp.css */
.diary-header[b-djh9pxclfc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-djh9pxclfc] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.diary-header h1[b-djh9pxclfc] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.diary-intro[b-djh9pxclfc],
.diary-patient[b-djh9pxclfc] {
    margin: 0;
    color: var(--app-text-supporting);
}

.diary-patient[b-djh9pxclfc] {
    margin-top: 6px;
    font-weight: 500;
}

.diary-add-button[b-djh9pxclfc] {
    display: inline-flex;
    min-width: 190px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    font-weight: 400;
}

.diary-filters[b-djh9pxclfc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px;
    padding: 20px 24px;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: var(--radius-card);
}

    .diary-filters .form-label[b-djh9pxclfc] {
        margin-bottom: 8px;
        font-weight: 600;
    }

    .diary-filters .form-select[b-djh9pxclfc] {
        min-width: 220px;
    }

.diary-period-range[b-djh9pxclfc] {
    margin-left: auto;
    padding-bottom: 12px;
    color: var(--app-text-supporting);
    white-space: nowrap;
}

.diary-list[b-djh9pxclfc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.diary-day-card[b-djh9pxclfc] {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .diary-day-card:hover[b-djh9pxclfc] {
        border-color: #b8c7dc;
        box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
    }

    .diary-day-card .card-body[b-djh9pxclfc] {
        padding: 22px 24px;
    }

    .diary-day-card .text-muted.small[b-djh9pxclfc] {
        margin-bottom: 5px;
        font-weight: 600;
    }

.diary-day-card[b-djh9pxclfc] {
    overflow: hidden;
}

.diary-entry[b-djh9pxclfc] {
    display: grid;
    grid-template-columns: 110px 1fr;
    min-height: 142px;
}

.diary-date[b-djh9pxclfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--app-border);
    background: #f9fbff;
}

.diary-weekday[b-djh9pxclfc],
.diary-month[b-djh9pxclfc] {
    color: var(--app-text-supporting);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.diary-day-number[b-djh9pxclfc] {
    margin: 2px 0;
    color: var(--app-text-primary);
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.diary-entry-content[b-djh9pxclfc] {
    display: grid;
    grid-template-rows: 92px 50px;
    min-width: 0;
}

.diary-measurements[b-djh9pxclfc] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: center;
    padding: 14px 24px;
}

.diary-measurement[b-djh9pxclfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.diary-measurement-label[b-djh9pxclfc] {
    font-size: 13px;
    font-weight: 600;
}

.weight-label[b-djh9pxclfc] {
    color: var(--app-primary);
}

.pressure-label[b-djh9pxclfc] {
    color: #12b76a;
}

.diary-measurement-value[b-djh9pxclfc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--app-text-primary);
    font-size: 18px;
    font-weight: 600;
}

.diary-measurement-icon[b-djh9pxclfc],
.diary-note-icon[b-djh9pxclfc] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.diary-measurement-divider[b-djh9pxclfc] {
    width: 1px;
    height: 52px;
    background: var(--app-border);
}

.diary-note-row[b-djh9pxclfc] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 0 24px;
    border-top: 1px solid var(--app-border);
    color: var(--app-text-secondary);
    text-decoration: none;
    transition: background-color 0.2s ease;
}

    .diary-note-row:hover[b-djh9pxclfc] {
        background: #f9fbff;
        color: var(--app-text-primary);
    }

.diary-note-preview[b-djh9pxclfc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diary-note-chevron[b-djh9pxclfc] {
    color: var(--app-text-supporting);
    font-size: 24px;
    line-height: 1;
}

.diary-note-header[b-djh9pxclfc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.diary-note-action[b-djh9pxclfc] {
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

    .diary-note-action:hover[b-djh9pxclfc] {
        text-decoration: underline;
    }

.diary-note-text[b-djh9pxclfc] {
    color: var(--app-text-secondary);
    line-height: 1.5;
}

@media (max-width: 700px) {
    .diary-day-card .card-body[b-djh9pxclfc] {
        padding: 20px;
    }

    .diary-header[b-djh9pxclfc] {
        flex-direction: column;
    }

        .diary-header h1[b-djh9pxclfc] {
            font-size: 32px;
        }

    .diary-add-button[b-djh9pxclfc] {
        width: 100%;
    }

    .diary-entry[b-djh9pxclfc] {
        grid-template-columns: 82px 1fr;
    }

    .diary-day-number[b-djh9pxclfc] {
        font-size: 30px;
    }

    .diary-measurements[b-djh9pxclfc] {
        padding: 12px;
    }

    .diary-measurement-value[b-djh9pxclfc] {
        gap: 5px;
        font-size: 15px;
    }

    .diary-note-row[b-djh9pxclfc] {
        padding: 0 14px;
    }

    .diary-filters[b-djh9pxclfc] {
        padding: 18px;
    }

        .diary-filters > div[b-djh9pxclfc],
        .diary-filters .form-select[b-djh9pxclfc],
        .diary-filters .form-control[b-djh9pxclfc] {
            width: 100%;
        }

    .diary-period-range[b-djh9pxclfc] {
        margin-left: 0;
        padding-bottom: 0;
    }
}
/* /Pages/DiaryNoteDetails.razor.rz.scp.css */
.note-details-page[b-ygd4xkzkcr] {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

.note-details-header[b-ygd4xkzkcr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-ygd4xkzkcr] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.note-details-header h1[b-ygd4xkzkcr] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.note-details-header p[b-ygd4xkzkcr] {
    margin: 0;
    color: var(--app-text-supporting);
}

.note-details-actions[b-ygd4xkzkcr] {
    display: flex;
    gap: 12px;
}

    .note-details-actions .btn[b-ygd4xkzkcr] {
        display: inline-flex;
        min-width: 110px;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        font-weight: 400;
    }

.note-card[b-ygd4xkzkcr] {
    min-height: 240px;
}

    .note-card h2[b-ygd4xkzkcr],
    .linked-measurements h2[b-ygd4xkzkcr] {
        margin: 0 0 18px;
        font-size: 20px;
        font-weight: 600;
    }

.note-text[b-ygd4xkzkcr] {
    color: var(--app-text-secondary);
    font-size: 16px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.linked-measurements[b-ygd4xkzkcr] {
    margin-top: 28px;
}

.linked-measurement-card[b-ygd4xkzkcr] {
    padding: 22px 24px;
}

.linked-measurement-date[b-ygd4xkzkcr] {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--app-border);
    color: var(--app-text-secondary);
    font-weight: 500;
}

.linked-measurement-values[b-ygd4xkzkcr] {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}

.linked-measurement[b-ygd4xkzkcr] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.linked-measurement-icon[b-ygd4xkzkcr] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.linked-measurement-label[b-ygd4xkzkcr] {
    margin-bottom: 3px;
    color: var(--app-text-supporting);
    font-size: 13px;
}

.linked-measurement-value[b-ygd4xkzkcr] {
    color: var(--app-text-primary);
    font-size: 18px;
    font-weight: 600;
}

.delete-note-action[b-ygd4xkzkcr] {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.delete-note-button[b-ygd4xkzkcr] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border: 0;
    background: transparent;
    color: var(--app-error);
    font-size: 16px;
    font-weight: 500;
}

    .delete-note-button:hover:not(:disabled)[b-ygd4xkzkcr] {
        text-decoration: underline;
    }

    .delete-note-button:disabled[b-ygd4xkzkcr] {
        opacity: 0.6;
    }

.delete-note-icon[b-ygd4xkzkcr] {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

@media (max-width: 700px) {
    .note-details-header[b-ygd4xkzkcr] {
        flex-direction: column;
    }

        .note-details-header h1[b-ygd4xkzkcr] {
            font-size: 32px;
        }

    .note-details-actions[b-ygd4xkzkcr] {
        width: 100%;
    }

        .note-details-actions .btn[b-ygd4xkzkcr] {
            flex: 1;
        }

    .linked-measurement-values[b-ygd4xkzkcr] {
        flex-direction: column;
        gap: 20px;
    }
}
/* /Pages/HelpCenter.razor.rz.scp.css */
.help-page[b-zgblrwpf07] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 30px 0 48px;
}

.help-header[b-zgblrwpf07] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.page-eyebrow[b-zgblrwpf07] {
    margin-bottom: 10px;
    color: #245cff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.help-header h1[b-zgblrwpf07] {
    margin: 0;
    color: #050505;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
}

.page-description[b-zgblrwpf07] {
    margin: 8px 0 0;
    color: #596781;
    font-size: 16px;
    line-height: 1.5;
}

.back-button[b-zgblrwpf07] {
    min-width: 104px;
    height: 48px;
    padding: 0 24px;
    border: 1px solid #cfdaec;
    border-radius: 15px;
    background: #ffffff;
    color: #245cff;
    font-size: 15px;
    font-weight: 400;
}

    .back-button:hover[b-zgblrwpf07] {
        border-color: #245cff;
        background: #f5f8ff;
    }

.faq-section h2[b-zgblrwpf07] {
    margin: 0 0 14px;
    color: #050505;
    font-size: 22px;
    font-weight: 600;
}

.faq-list[b-zgblrwpf07] {
    overflow: hidden;
    border: 1px solid #cfdaec;
    border-radius: 16px;
    background: #ffffff;
}

.faq-item[b-zgblrwpf07] {
    margin: 0;
    border-bottom: 1px solid #d9e1ee;
}

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

    .faq-item summary[b-zgblrwpf07] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        min-height: 68px;
        padding: 18px 24px;
        list-style: none;
        color: #101828;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
    }

        .faq-item summary:hover[b-zgblrwpf07] {
            background: #f7f9fd;
        }

    .faq-item[open] summary[b-zgblrwpf07] {
        color: #245cff;
        background: #f7f9fd;
    }

.faq-arrow[b-zgblrwpf07] {
    flex: 0 0 auto;
    color: #596781;
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
    transition: transform 0.2s ease;
}

.faq-item[open] .faq-arrow[b-zgblrwpf07] {
    color: #245cff;
    transform: rotate(90deg);
}

.faq-answer[b-zgblrwpf07] {
    padding: 0 56px 22px 24px;
    color: #596781;
    font-size: 15px;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .help-page[b-zgblrwpf07] {
        padding-top: 20px;
    }

    .help-header[b-zgblrwpf07] {
        align-items: center;
        margin-bottom: 24px;
    }

        .help-header h1[b-zgblrwpf07] {
            font-size: 34px;
        }

    .back-button[b-zgblrwpf07] {
        min-width: 88px;
        padding: 0 18px;
    }

    .faq-item summary[b-zgblrwpf07] {
        min-height: 62px;
        padding: 16px 18px;
    }

    .faq-answer[b-zgblrwpf07] {
        padding: 0 42px 20px 18px;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-kfcet6slgx] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--app-background);
}

.login-header[b-kfcet6slgx] {
    min-height: 76px;
    display: flex;
    align-items: center;
    padding: 12px 40px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--app-border);
}

.login-brand[b-kfcet6slgx] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--app-text-primary);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.login-brand-mark[b-kfcet6slgx] {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.login-main[b-kfcet6slgx] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
}

.login-card[b-kfcet6slgx] {
    width: min(100%, 440px);
    padding: 36px;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: var(--radius-card);
    box-shadow: 0 20px 45px rgba(17, 24, 39, 0.08), 0 5px 14px rgba(17, 24, 39, 0.04);
}

.login-eyebrow[b-kfcet6slgx] {
    margin: 0 0 10px;
    color: var(--app-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: center;
}

.login-card h1[b-kfcet6slgx] {
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
    text-align: center;
}

.login-intro[b-kfcet6slgx] {
    margin: 12px 0 28px;
    color: var(--app-text-secondary);
    line-height: 1.55;
    text-align: center;
}

.form-label[b-kfcet6slgx] {
    color: var(--app-text-primary);
    font-size: 14px;
    font-weight: 600;
}

.form-control[b-kfcet6slgx] {
    min-height: 48px;
    border: 1px solid var(--app-border);
    border-radius: 12px;
    color: var(--app-text-primary);
}

    .form-control:focus[b-kfcet6slgx] {
        border-color: var(--app-primary);
        box-shadow: 0 0 0 3px rgba(47, 102, 237, 0.14);
    }

.login-links[b-kfcet6slgx] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
    color: var(--app-text-supporting);
    font-size: 13px;
}

    .login-links a[b-kfcet6slgx] {
        color: var(--app-primary);
        font-weight: 600;
        text-decoration: none;
    }

        .login-links a:hover[b-kfcet6slgx] {
            text-decoration: underline;
        }

.login-footer[b-kfcet6slgx] {
    padding: 20px;
    color: var(--app-text-supporting);
    font-size: 13px;
    text-align: center;
}

.registration-divider[b-kfcet6slgx] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    margin: 20px 0;
}

    .registration-divider > span:not(.divider-text)[b-kfcet6slgx] {
        height: 1px;
        background: #d9e1ee;
    }

.divider-text[b-kfcet6slgx] {
    color: #667085;
    font-size: 14px;
}

.create-account-button[b-kfcet6slgx] {
    width: 100%;
    height: 49px;
    border: 1px solid #cfdaec;
    border-radius: 10px;
    background: #ffffff;
    color: #245cff;
    font-size: 15px;
}

    .create-account-button:hover[b-kfcet6slgx] {
        border-color: #245cff;
        background: #f5f8ff;
    }

button[type="submit"][b-kfcet6slgx],
.create-account-button[b-kfcet6slgx] {
    font-weight: 500;
}

.legal-consent[b-kfcet6slgx] {
    margin-top: 26px;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

    .legal-consent a[b-kfcet6slgx] {
        color: #245cff;
        text-decoration: underline;
    }

        .legal-consent a:hover[b-kfcet6slgx] {
            color: #1d4ed8;
        }

.forgot-password[b-kfcet6slgx] {
    margin: 14px 0 16px;
    text-align: right;
}

    .forgot-password a[b-kfcet6slgx] {
        color: #245cff;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
    }

        .forgot-password a:hover[b-kfcet6slgx] {
            text-decoration: underline;
        }

@media (max-width: 575px) {
    .login-header[b-kfcet6slgx] {
        min-height: 68px;
        justify-content: center;
        padding: 10px 20px;
    }

    .login-main[b-kfcet6slgx] {
        align-items: start;
        padding: 28px 16px;
    }

    .login-card[b-kfcet6slgx] {
        padding: 28px 22px;
    }

        .login-card h1[b-kfcet6slgx] {
            font-size: 30px;
        }
}
/* /Pages/More.razor.rz.scp.css */
.more-header[b-1aven8npyp] {
    margin-bottom: 28px;
}

.page-eyebrow[b-1aven8npyp] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.more-header h1[b-1aven8npyp] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.more-header p[b-1aven8npyp] {
    margin: 0;
    color: var(--app-text-supporting);
}

.more-content[b-1aven8npyp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 28px;
}

.more-section h2[b-1aven8npyp] {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
}

.more-menu[b-1aven8npyp] {
    overflow: hidden;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: var(--radius-card);
}

.more-menu-item[b-1aven8npyp] {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    align-items: center;
    gap: 16px;
    min-height: 66px;
    padding: 0 20px;
    border-bottom: 1px solid var(--app-border);
    color: var(--app-text-primary);
    text-decoration: none;
    transition: background-color 0.2s ease;
}

    .more-menu-item:last-child[b-1aven8npyp] {
        border-bottom: 0;
    }

    .more-menu-item:hover[b-1aven8npyp] {
        background: #f7f9fc;
        color: var(--app-primary);
    }

    .more-menu-item img[b-1aven8npyp] {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

.more-chevron[b-1aven8npyp] {
    color: var(--app-text-supporting);
    font-size: 26px;
    line-height: 1;
}

@media (max-width: 760px) {
    .more-header h1[b-1aven8npyp] {
        font-size: 32px;
    }

    .more-content[b-1aven8npyp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PasswordRecovery.razor.rz.scp.css */
.recovery-page[b-5usah31zti] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f5f7fb;
    color: #17233c;
}

.recovery-content[b-5usah31zti] {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px 24px;
}

.recovery-card[b-5usah31zti] {
    width: 100%;
    max-width: 470px;
    padding: 38px 36px 32px;
    border: 1px solid #cfdaec;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(31, 50, 81, 0.09);
}

.recovery-heading[b-5usah31zti] {
    margin-bottom: 28px;
    text-align: center;
}

.page-eyebrow[b-5usah31zti] {
    margin-bottom: 12px;
    color: #245cff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.recovery-heading h1[b-5usah31zti] {
    margin: 0;
    color: #050505;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.recovery-heading p[b-5usah31zti] {
    margin: 12px 0 0;
    color: #596781;
    font-size: 15px;
    line-height: 1.55;
}

.form-field[b-5usah31zti] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-field label[b-5usah31zti] {
        color: #101828;
        font-size: 14px;
        font-weight: 600;
    }

.form-control[b-5usah31zti] {
    width: 100%;
    height: 48px;
    padding: 0 13px;
    border: 1px solid #cfdaec;
    border-radius: 8px;
    background: #ffffff;
    color: #17233c;
    font-size: 15px;
    outline: none;
}

    .form-control:focus[b-5usah31zti] {
        border-color: #2f66ed;
        box-shadow: 0 0 0 3px rgba(47, 102, 237, 0.12);
    }

    .form-control:disabled[b-5usah31zti] {
        background: #f7f9fc;
        color: #667085;
    }

.recovery-error[b-5usah31zti],
.recovery-success[b-5usah31zti] {
    margin-top: 18px;
    padding: 13px 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
}

.recovery-error[b-5usah31zti] {
    border: 1px solid #fda4af;
    background: #fff1f2;
    color: #b42318;
}

.recovery-success[b-5usah31zti] {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #067647;
}

.send-button[b-5usah31zti],
.back-button[b-5usah31zti] {
    width: 100%;
    height: 49px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
}

.send-button[b-5usah31zti] {
    margin-top: 22px;
    border: 0;
    background: #3167ec;
    color: #ffffff;
}

    .send-button:hover:not(:disabled)[b-5usah31zti] {
        background: #2458d8;
    }

    .send-button:disabled[b-5usah31zti] {
        opacity: 0.65;
    }

.back-button[b-5usah31zti] {
    margin-top: 14px;
    border: 1px solid #cfdaec;
    background: #ffffff;
    color: #245cff;
}

    .back-button:hover[b-5usah31zti] {
        border-color: #245cff;
        background: #f5f8ff;
    }

.recovery-footer[b-5usah31zti] {
    flex: 0 0 auto;
    padding: 16px 24px 22px;
    color: #667085;
    font-size: 13px;
    text-align: center;
}

.recovery-header[b-5usah31zti] {
    min-height: 76px;
    display: flex;
    align-items: center;
    padding: 12px 40px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--app-border);
}

.recovery-brand[b-5usah31zti] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--app-text-primary);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.recovery-brand-mark[b-5usah31zti] {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

@media (max-width: 600px) {
    .recovery-brand[b-5usah31zti] {
        padding: 18px 22px;
    }

        .recovery-brand img[b-5usah31zti] {
            width: 185px;
        }

    .recovery-content[b-5usah31zti] {
        align-items: flex-start;
        padding: 28px 16px;
    }

    .recovery-card[b-5usah31zti] {
        padding: 30px 22px 26px;
    }

    .recovery-heading h1[b-5usah31zti] {
        font-size: 29px;
    }
}
/* /Pages/Patients.razor.rz.scp.css */
.patients-page[b-2ui3a53frs] {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

.patients-header[b-2ui3a53frs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-2ui3a53frs] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.patients-header h1[b-2ui3a53frs] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.patients-header p[b-2ui3a53frs] {
    margin: 0;
    color: var(--app-text-supporting);
}

.patients-back-button[b-2ui3a53frs] {
    display: inline-flex;
    min-width: 110px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.patients-list[b-2ui3a53frs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.patient-card .card-body[b-2ui3a53frs] {
    padding: 20px 24px;
}

.patient-card-main[b-2ui3a53frs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.patient-name[b-2ui3a53frs] {
    margin-bottom: 7px;
    color: var(--app-text-primary);
    font-size: 18px;
    font-weight: 600;
}

.patient-details[b-2ui3a53frs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    color: var(--app-text-supporting);
    font-size: 14px;
}

.current-patient-badge[b-2ui3a53frs] {
    padding: 6px 12px;
    border-radius: 999px;
    background: #e8eefd;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 600;
}

.patients-action[b-2ui3a53frs] {
    display: flex;
    justify-content: flex-start;
    margin-top: 24px;
}

.add-patient-button[b-2ui3a53frs] {
    display: inline-flex;
    min-width: 180px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

@media (max-width: 700px) {
    .patients-header[b-2ui3a53frs] {
        flex-direction: column;
    }

        .patients-header h1[b-2ui3a53frs] {
            font-size: 32px;
        }

    .patients-back-button[b-2ui3a53frs],
    .add-patient-button[b-2ui3a53frs] {
        width: 100%;
    }

    .patient-card-main[b-2ui3a53frs] {
        align-items: flex-start;
    }

    .patients-action[b-2ui3a53frs] {
        display: block;
    }
}
/* /Pages/Register.razor.rz.scp.css */
.registration-page[b-myvdcwhpnw] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f5f7fb;
    color: #17233c;
}

.registration-brand[b-myvdcwhpnw] {
    flex: 0 0 auto;
    padding: 20px 40px;
    border-bottom: 1px solid #d8e0ec;
    background: #ffffff;
}

    .registration-brand img[b-myvdcwhpnw] {
        display: block;
        width: 205px;
        height: auto;
    }

.registration-content[b-myvdcwhpnw] {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    padding: 42px 24px;
}

.registration-card[b-myvdcwhpnw] {
    width: 100%;
    max-width: 720px;
    padding: 38px 36px 32px;
    border: 1px solid #cfdaec;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(31, 50, 81, 0.09);
}

.registration-heading[b-myvdcwhpnw] {
    margin-bottom: 30px;
    text-align: center;
}

.page-eyebrow[b-myvdcwhpnw] {
    margin-bottom: 12px;
    color: #245cff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.registration-heading h1[b-myvdcwhpnw] {
    margin: 0;
    color: #050505;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.registration-heading p[b-myvdcwhpnw] {
    margin: 10px 0 0;
    color: #596781;
    font-size: 16px;
    line-height: 1.5;
}

.form-section[b-myvdcwhpnw] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.patient-section[b-myvdcwhpnw] {
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid #d9e1ee;
}

.form-section h2[b-myvdcwhpnw] {
    margin: 0;
    color: #101828;
    font-size: 20px;
    font-weight: 600;
}

.form-grid[b-myvdcwhpnw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.form-field[b-myvdcwhpnw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-field label[b-myvdcwhpnw],
    .relationship-field legend[b-myvdcwhpnw] {
        margin: 0;
        color: #101828;
        font-size: 14px;
        font-weight: 600;
    }

.form-control[b-myvdcwhpnw] {
    width: 100%;
    height: 48px;
    padding: 0 13px;
    border: 1px solid #cfdaec;
    border-radius: 8px;
    background: #ffffff;
    color: #17233c;
    font-size: 15px;
    outline: none;
}

    .form-control:focus[b-myvdcwhpnw] {
        border-color: #2f66ed;
        box-shadow: 0 0 0 3px rgba(47, 102, 237, 0.12);
    }

.password-hint[b-myvdcwhpnw] {
    margin: -8px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.relationship-field[b-myvdcwhpnw] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .relationship-field legend[b-myvdcwhpnw] {
        margin-bottom: 10px;
    }

    .relationship-field[b-myvdcwhpnw]  .radio-option {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-right: 28px;
        color: #344054;
        font-size: 15px;
        font-weight: 400;
        cursor: pointer;
    }

    .relationship-field[b-myvdcwhpnw]  input[type="radio"] {
        width: 17px;
        height: 17px;
        margin: 0;
        accent-color: #2f66ed;
    }

.registration-error[b-myvdcwhpnw] {
    margin-top: 22px;
    padding: 13px 15px;
    border: 1px solid #fda4af;
    border-radius: 8px;
    background: #fff1f2;
    color: #b42318;
    font-size: 14px;
    line-height: 1.45;
}

.create-account-button[b-myvdcwhpnw] {
    width: 100%;
    height: 49px;
    margin-top: 24px;
    border: 0;
    border-radius: 10px;
    background: #3167ec;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

    .create-account-button:hover:not(:disabled)[b-myvdcwhpnw] {
        background: #2458d8;
    }

    .create-account-button:disabled[b-myvdcwhpnw] {
        cursor: default;
        opacity: 0.65;
    }

.login-link[b-myvdcwhpnw] {
    margin-top: 20px;
    color: #596781;
    font-size: 14px;
    text-align: center;
}

    .login-link a[b-myvdcwhpnw],
    .legal-links a[b-myvdcwhpnw] {
        color: #245cff;
        text-decoration: none;
    }

    .login-link a[b-myvdcwhpnw] {
        margin-left: 4px;
        font-weight: 500;
    }

        .login-link a:hover[b-myvdcwhpnw],
        .legal-links a:hover[b-myvdcwhpnw] {
            text-decoration: underline;
        }

.legal-links[b-myvdcwhpnw] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    color: #98a2b3;
    font-size: 13px;
}

.registration-footer[b-myvdcwhpnw] {
    flex: 0 0 auto;
    padding: 16px 24px 22px;
    color: #667085;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 767px) {
    .registration-brand[b-myvdcwhpnw] {
        padding: 18px 22px;
    }

        .registration-brand img[b-myvdcwhpnw] {
            width: 185px;
        }

    .registration-content[b-myvdcwhpnw] {
        padding: 28px 16px;
    }

    .registration-card[b-myvdcwhpnw] {
        padding: 30px 22px 26px;
    }

    .registration-heading h1[b-myvdcwhpnw] {
        font-size: 30px;
    }

    .form-grid[b-myvdcwhpnw] {
        grid-template-columns: 1fr;
    }

    .relationship-field[b-myvdcwhpnw]  .radio-option {
        display: flex;
        margin: 0 0 10px;
    }
}
/* /Pages/Reports.razor.rz.scp.css */
.reports-header[b-0vdpu0uabf] {
    margin-bottom: 28px;
}

.page-eyebrow[b-0vdpu0uabf] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.reports-header h1[b-0vdpu0uabf] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.reports-header p[b-0vdpu0uabf] {
    margin: 0;
    color: var(--app-text-supporting);
}

.report-generator-card .card-body[b-0vdpu0uabf] {
    padding: 24px;
}

.report-generator-card .form-label[b-0vdpu0uabf] {
    margin-bottom: 8px;
    font-weight: 600;
}

.generate-report-button[b-0vdpu0uabf] {
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    font-weight: 400;
}

.report-brand[b-0vdpu0uabf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.report-brand-identity[b-0vdpu0uabf] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--app-text-primary);
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
}

.report-logo-mark[b-0vdpu0uabf] {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.report-heading[b-0vdpu0uabf] {
    text-align: right;
}

.report-stat-card[b-0vdpu0uabf] {
    position: relative;
}

    .report-stat-card[b-0vdpu0uabf]::before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 4px;
        content: "";
    }

.weight-stat-card[b-0vdpu0uabf]::before {
    background: var(--app-primary);
}

.pressure-stat-card[b-0vdpu0uabf]::before {
    background: #12b76a;
}

.report-stat-title[b-0vdpu0uabf] {
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: 600;
}

.weight-stat-title[b-0vdpu0uabf] {
    color: var(--app-primary);
}

.pressure-stat-title[b-0vdpu0uabf] {
    color: #079455;
}

.report-stat-card dt[b-0vdpu0uabf],
.report-stat-card dd[b-0vdpu0uabf] {
    margin: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #edf1f7;
}

.report-stat-card dt[b-0vdpu0uabf] {
    color: var(--app-text-supporting);
    font-weight: 500;
}

.report-stat-card dd[b-0vdpu0uabf] {
    color: var(--app-text-primary);
    font-weight: 600;
    text-align: right;
}

    .report-stat-card dt:nth-last-of-type(1)[b-0vdpu0uabf],
    .report-stat-card dd:nth-last-of-type(1)[b-0vdpu0uabf] {
        border-bottom: 0;
    }

.report-download-button[b-0vdpu0uabf] {
    display: inline-flex;
    min-width: 150px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    font-weight: 400;
}

@media (max-width: 700px) {
    .reports-header h1[b-0vdpu0uabf] {
        font-size: 32px;
    }
    .report-generator-card .card-body[b-0vdpu0uabf] {
        padding: 20px;
    }
    .report-brand[b-0vdpu0uabf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .report-heading[b-0vdpu0uabf] {
        text-align: left;
    }
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.reset-page[b-d6elmewbkg] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f5f7fb;
    color: #17233c;
}

.reset-header[b-d6elmewbkg] {
    min-height: 76px;
    display: flex;
    align-items: center;
    padding: 12px 40px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--app-border);
}

.reset-brand[b-d6elmewbkg] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--app-text-primary);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.reset-brand-mark[b-d6elmewbkg] {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.reset-content[b-d6elmewbkg] {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px 24px;
}

.reset-card[b-d6elmewbkg] {
    width: 100%;
    max-width: 470px;
    padding: 38px 36px 32px;
    border: 1px solid #cfdaec;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(31, 50, 81, 0.09);
}

.reset-heading[b-d6elmewbkg] {
    margin-bottom: 28px;
    text-align: center;
}

.page-eyebrow[b-d6elmewbkg] {
    margin-bottom: 12px;
    color: #245cff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.reset-heading h1[b-d6elmewbkg] {
    margin: 0;
    color: #050505;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.reset-heading p[b-d6elmewbkg] {
    margin: 12px 0 0;
    color: #596781;
    font-size: 15px;
    line-height: 1.55;
}

.form-field[b-d6elmewbkg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.confirm-field[b-d6elmewbkg] {
    margin-top: 18px;
}

.form-field label[b-d6elmewbkg] {
    color: #101828;
    font-size: 14px;
    font-weight: 600;
}

.form-control[b-d6elmewbkg] {
    width: 100%;
    height: 48px;
    padding: 0 13px;
    border: 1px solid #cfdaec;
    border-radius: 8px;
    background: #ffffff;
    color: #17233c;
    font-size: 15px;
    outline: none;
}

    .form-control:focus[b-d6elmewbkg] {
        border-color: #2f66ed;
        box-shadow: 0 0 0 3px rgba(47, 102, 237, 0.12);
    }

    .form-control:disabled[b-d6elmewbkg] {
        background: #f7f9fc;
        color: #667085;
    }

.password-hint[b-d6elmewbkg] {
    margin: 10px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.reset-error[b-d6elmewbkg],
.reset-success[b-d6elmewbkg] {
    margin-top: 18px;
    padding: 13px 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
}

.reset-error[b-d6elmewbkg] {
    border: 1px solid #fda4af;
    background: #fff1f2;
    color: #b42318;
}

.reset-success[b-d6elmewbkg] {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #067647;
}

.reset-button[b-d6elmewbkg],
.back-button[b-d6elmewbkg] {
    width: 100%;
    height: 49px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
}

.reset-button[b-d6elmewbkg] {
    margin-top: 22px;
    border: 0;
    background: #3167ec;
    color: #ffffff;
}

    .reset-button:hover:not(:disabled)[b-d6elmewbkg] {
        background: #2458d8;
    }

    .reset-button:disabled[b-d6elmewbkg] {
        opacity: 0.65;
    }

.back-button[b-d6elmewbkg] {
    margin-top: 14px;
    border: 1px solid #cfdaec;
    background: #ffffff;
    color: #245cff;
}

    .back-button:hover[b-d6elmewbkg] {
        border-color: #245cff;
        background: #f5f8ff;
    }

.reset-footer[b-d6elmewbkg] {
    flex: 0 0 auto;
    padding: 16px 24px 22px;
    color: #667085;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 600px) {
    .reset-brand[b-d6elmewbkg] {
        padding: 18px 22px;
    }

        .reset-brand img[b-d6elmewbkg] {
            width: 185px;
        }

    .reset-content[b-d6elmewbkg] {
        align-items: flex-start;
        padding: 28px 16px;
    }

    .reset-card[b-d6elmewbkg] {
        padding: 30px 22px 26px;
    }

    .reset-heading h1[b-d6elmewbkg] {
        font-size: 29px;
    }
}
/* /Pages/Units.razor.rz.scp.css */
.units-page[b-tfwjf1er9g] {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.units-header[b-tfwjf1er9g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.page-eyebrow[b-tfwjf1er9g] {
    margin-bottom: 8px;
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.units-header h1[b-tfwjf1er9g] {
    margin: 0 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}

.units-header p[b-tfwjf1er9g] {
    margin: 0;
    color: var(--app-text-supporting);
}

.back-button[b-tfwjf1er9g] {
    display: inline-flex;
    min-width: 110px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.units-card .card-body[b-tfwjf1er9g] {
    padding: 28px;
}

.units-card h2[b-tfwjf1er9g] {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
}

.units-description[b-tfwjf1er9g] {
    margin: 0 0 22px;
    color: var(--app-text-supporting);
}

.unit-options[b-tfwjf1er9g] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.unit-option[b-tfwjf1er9g] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 0 18px;
    border: 1px solid var(--app-border);
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
}

    .unit-option:has(input:checked)[b-tfwjf1er9g] {
        border-color: var(--app-primary);
        background: #f2f6ff;
    }

    .unit-option input[b-tfwjf1er9g] {
        accent-color: var(--app-primary);
    }

    .unit-option span[b-tfwjf1er9g] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .unit-option strong[b-tfwjf1er9g] {
        font-weight: 600;
    }

    .unit-option small[b-tfwjf1er9g] {
        color: var(--app-text-supporting);
    }

.units-status[b-tfwjf1er9g] {
    margin-top: 14px;
    color: var(--app-text-supporting);
    font-size: 13px;
}

@media (max-width: 700px) {
    .units-header[b-tfwjf1er9g] {
        flex-direction: column;
    }

        .units-header h1[b-tfwjf1er9g] {
            font-size: 32px;
        }

    .back-button[b-tfwjf1er9g] {
        width: 100%;
    }

    .units-card .card-body[b-tfwjf1er9g] {
        padding: 22px;
    }

    .unit-options[b-tfwjf1er9g] {
        grid-template-columns: 1fr;
    }
}