/* /Components/HelpContent.razor.rz.scp.css */
.help-page[b-xbhbri1qic] {
    width: 100%;
    min-height: calc(100vh - var(--uris-header-height) - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 30px;
}


.help-page-header[b-xbhbri1qic] {
    width: 100%;
    max-width: 720px;
    margin-bottom: 24px;
    text-align: center;
}

    .help-page-header h1[b-xbhbri1qic] {
        margin: 0 0 7px;
        color: var(--uris-text);
        font-size: 28px;
    }

    .help-page-header p[b-xbhbri1qic] {
        max-width: 520px;
        margin: 0 auto;
        color: var(--uris-text-secondary);
        font-size: 13px;
        line-height: 1.6;
    }


.help-card[b-xbhbri1qic] {
    width: 100%;
    max-width: 720px;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 18px;
    background: white;
    box-shadow: var(--uris-shadow);
}


.help-card-icon[b-xbhbri1qic] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #F6EAF8;
    color: var(--uris-primary);
}


    .help-card-icon svg[b-xbhbri1qic] {
        width: 29px;
        height: 29px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.help-card-content[b-xbhbri1qic] {
    flex: 1;
}


    .help-card-content h2[b-xbhbri1qic] {
        margin: 2px 0 10px;
        color: var(--uris-text);
        font-size: 17px;
    }


    .help-card-content p[b-xbhbri1qic] {
        max-width: 560px;
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 12px;
        line-height: 1.7;
    }


.support-email[b-xbhbri1qic] {
    display: inline-block;
    margin: 18px 0;
    color: var(--uris-primary);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}


    .support-email:hover[b-xbhbri1qic] {
        text-decoration: underline;
    }


.help-card-content .help-note[b-xbhbri1qic] {
    padding-top: 17px;
    border-top: 1px solid #EDF0F4;
    font-size: 11px;
}


@media (max-width: 700px) {

    .help-card[b-xbhbri1qic] {
        flex-direction: column;
        padding: 24px;
    }
}

.help-back-wrapper[b-xbhbri1qic] {
    width: 100%;
    max-width: 720px;
    margin-bottom: 16px;
}


.help-back-button[b-xbhbri1qic] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-text-secondary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}


    .help-back-button span[b-xbhbri1qic] {
        font-size: 18px;
        line-height: 1;
    }


    .help-back-button:hover[b-xbhbri1qic] {
        color: var(--uris-primary);
    }
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-z8hpbayaxk] {
    min-height: 100vh;
    position: relative;
    background: var(--uris-background);
}

.auth-layout-brand[b-z8hpbayaxk] {
    position: absolute;
    top: 34px;
    left: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 10;
}

.auth-layout-logo[b-z8hpbayaxk] {
    color: var(--uris-text);
    font-size: 34px;
    letter-spacing: -2px;
}

.auth-layout-logo-text[b-z8hpbayaxk] {
    color: var(--uris-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
}

.auth-layout-content[b-z8hpbayaxk] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 110px 30px 50px;
}

@media (max-width: 700px) {
    .auth-layout-brand[b-z8hpbayaxk] {
        top: 24px;
        left: 24px;
    }

    .auth-layout-content[b-z8hpbayaxk] {
        padding: 100px 20px 30px 20px;
    }
}
/* /Components/Layout/DoctorHeader.razor.rz.scp.css */
.doctor-header[b-s05cyj9y0x] {
    height: var(--uris-header-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 34px;
    background: var(--uris-background);
}

.doctor-header-actions[b-s05cyj9y0x] {
    display: flex;
    align-items: center;
    gap: 38px;
}

.help-button[b-s05cyj9y0x] {
    display: flex;
    align-items: center;
    gap: 9px;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.help-icon[b-s05cyj9y0x] {
    width: 21px;
    height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--uris-primary);
    border-radius: 50%;
    font-size: 13px;
}

.doctor-profile[b-s05cyj9y0x] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.doctor-avatar[b-s05cyj9y0x] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #DCE6F3;
    color: #45618E;
}

    .doctor-avatar svg[b-s05cyj9y0x] {
        width: 28px;
        height: 28px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
    }

.doctor-profile-text[b-s05cyj9y0x] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 90px;
    color: var(--uris-text);
}

    .doctor-profile-text strong[b-s05cyj9y0x] {
        font-size: 14px;
    }

    .doctor-profile-text span[b-s05cyj9y0x] {
        font-size: 12px;
        color: var(--uris-text-secondary);
    }

/* /Components/Layout/DoctorSidebar.razor.rz.scp.css */
.doctor-sidebar[b-q4fviuav33] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--uris-sidebar-width);
    display: flex;
    flex-direction: column;
    padding: 28px 22px;
    background: #ffffff;
    border-right: 1px solid rgba(39, 39, 80, 0.05);
    z-index: 100;
}

.sidebar-logo[b-q4fviuav33] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 42px;
    padding: 0 12px;
}

.uris-logo[b-q4fviuav33] {
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -2px;
    color: var(--uris-text);
}

.uris-logo-description[b-q4fviuav33] {
    font-size: 14px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--uris-text);
}

.sidebar-navigation[b-q4fviuav33] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-item[b-q4fviuav33] {
    height: 54px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 16px;
    border-radius: 14px;
    color: #45618E;
    font-size: 15px;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

    .sidebar-item:hover[b-q4fviuav33] {
        background: #F8F2FA;
        color: var(--uris-primary);
    }

    .sidebar-item.active[b-q4fviuav33] {
        color: var(--uris-primary);
        background: linear-gradient( 90deg, rgba(175, 19, 181, 0.10), rgba(230, 49, 118, 0.05) );
    }

.sidebar-icon[b-q4fviuav33] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sidebar-icon svg[b-q4fviuav33] {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.sidebar-bottom[b-q4fviuav33] {
    margin-top: auto;
}

.sidebar-logout[b-q4fviuav33] {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 16px;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: #45618E;
    font-size: 15px;
    cursor: pointer;
}

    .sidebar-logout:hover[b-q4fviuav33] {
        background: #F8F2FA;
        color: var(--uris-primary);
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.uris-app[b-295fubydbw] {
    min-height: 100vh;
    background: var(--uris-background);
}

.uris-main[b-295fubydbw] {
    min-height: 100vh;
    margin-left: var(--uris-sidebar-width);
}

.uris-content[b-295fubydbw] {
    padding: 14px 34px 40px 34px;
}
/* /Components/Pages/AddPatient.razor.rz.scp.css */
.add-patient-page[b-izckguqoun] {
    display: flex;
    justify-content: center;
    padding: 28px 0 60px 0;
}

.add-patient-card[b-izckguqoun] {
    width: min(900px, 100%);
    padding: 38px 42px;
    background: white;
    border-radius: 20px;
    box-shadow: var(--uris-shadow);
}

.add-patient-choice[b-izckguqoun] {
    width: min(720px, 100%);
}

.add-patient-title[b-izckguqoun] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 34px;
}

    .add-patient-title h1[b-izckguqoun] {
        margin: 0 0 5px 0;
        color: var(--uris-text);
        font-size: 24px;
        font-weight: 700;
    }

    .add-patient-title p[b-izckguqoun] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 13px;
    }

.add-patient-icon[b-izckguqoun] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 15px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .add-patient-icon svg[b-izckguqoun] {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.choice-question[b-izckguqoun] {
    margin: 28px 0 18px 0;
    color: var(--uris-text);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

.choice-buttons[b-izckguqoun] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 38px;
}

.choice-button[b-izckguqoun] {
    min-width: 150px;
    height: 52px;
    padding: 0 22px;
    border: 1px solid #DCE3EB;
    border-radius: 13px;
    background: white;
    color: var(--uris-text);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .choice-button.active[b-izckguqoun] {
        border-color: transparent;
        color: white;
        background: linear-gradient( 135deg, var(--uris-primary), var(--uris-primary-end) );
    }

.continue-button[b-izckguqoun] {
    display: block;
    min-width: 260px;
    margin: 0 auto;
}

    .continue-button:disabled[b-izckguqoun],
    .uris-button-primary:disabled[b-izckguqoun] {
        opacity: 0.45;
        cursor: default;
        transform: none;
    }

.flow-back-button[b-izckguqoun] {
    margin-bottom: 20px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

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

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

.form-field-wide[b-izckguqoun] {
    grid-column: 1 / -1;
}

.form-field label[b-izckguqoun] {
    color: #45618E;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

    .form-field label span[b-izckguqoun] {
        color: var(--uris-primary);
    }

.form-field input[b-izckguqoun],
.form-field select[b-izckguqoun] {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #DCE3EB;
    border-radius: 12px;
    outline: none;
    background: white;
    color: var(--uris-text);
    font-size: 14px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .form-field input:focus[b-izckguqoun],
    .form-field select:focus[b-izckguqoun] {
        border-color: var(--uris-primary);
        box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
    }

.form-error[b-izckguqoun] {
    margin-top: 20px;
    padding: 12px 15px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 13px;
}

.invitation-info[b-izckguqoun] {
    display: flex;
    gap: 16px;
    margin-top: 30px;
    padding: 18px 20px;
    border-radius: 14px;
    background: #F8FAFC;
}

.invitation-icon[b-izckguqoun] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    color: var(--uris-primary);
    background: #F4E7F7;
    font-size: 19px;
}

.invitation-info strong[b-izckguqoun] {
    display: block;
    margin-bottom: 5px;
    color: var(--uris-text);
    font-size: 13px;
}

.invitation-info p[b-izckguqoun] {
    margin: 0;
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}

.form-actions[b-izckguqoun] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px;
}

.confirmation-card[b-izckguqoun] {
    width: min(650px, 100%);
    text-align: center;
}

.confirmation-icon[b-izckguqoun] {
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 18px auto 28px auto;
    color: #169C44;
}

    .confirmation-icon svg[b-izckguqoun] {
        width: 86px;
        height: 86px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.confirmation-card h1[b-izckguqoun] {
    margin: 0 0 12px 0;
    color: var(--uris-text);
    font-size: 25px;
}

.confirmation-patient[b-izckguqoun] {
    margin-bottom: 18px;
    color: var(--uris-text);
    font-size: 18px;
    font-weight: 700;
}

.confirmation-card p[b-izckguqoun] {
    max-width: 480px;
    margin: 0 auto 32px auto;
    color: var(--uris-text-secondary);
    font-size: 14px;
    line-height: 1.55;
}

.confirmation-button[b-izckguqoun] {
    min-width: 280px;
}

.second-choice[b-izckguqoun] {
    margin-top: 10px;
    padding-top: 22px;
    border-top: 1px solid #EEF1F4;
}

.link-info[b-izckguqoun] {
    margin-bottom: 28px;
    padding: 20px;
    border-radius: 14px;
    background: #F8FAFC;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

    .link-info strong[b-izckguqoun] {
        display: block;
        margin-bottom: 12px;
        color: var(--uris-text);
    }

    .link-info p[b-izckguqoun] {
        margin: 10px 0;
    }

.link-path[b-izckguqoun] {
    padding: 10px 14px;
    border-radius: 9px;
    background: #F2E9FA;
    color: var(--uris-primary);
    font-weight: 600;
}

.link-code-field[b-izckguqoun] {
    max-width: 420px;
    margin: 0 auto 26px auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .link-code-field label[b-izckguqoun] {
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
    }

    .link-code-field input[b-izckguqoun] {
        height: 54px;
        padding: 0 16px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        background: white;
        color: var(--uris-text);
        font-size: 16px;
        text-align: center;
        letter-spacing: 0.08em;
    }

        .link-code-field input:focus[b-izckguqoun] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }

@media (max-width: 800px) {
    .add-patient-card[b-izckguqoun] {
        padding: 28px 22px;
    }

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

    .form-field-wide[b-izckguqoun] {
        grid-column: auto;
    }

    .choice-buttons[b-izckguqoun] {
        flex-direction: column;
    }

    .choice-button[b-izckguqoun] {
        width: 100%;
    }

    .continue-button[b-izckguqoun] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard[b-4ik02me8ut] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.summary-grid[b-4ik02me8ut] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.summary-card[b-4ik02me8ut] {
    min-height: 116px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    background: white;
    border-radius: 18px;
    box-shadow: var(--uris-shadow);
}

.summary-icon[b-4ik02me8ut] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 16px;
    font-size: 28px;
    font-weight: 700;
}

.summary-icon-blue[b-4ik02me8ut] {
    color: #2D71D6;
    background: #EAF3FF;
}

.summary-icon-green[b-4ik02me8ut] {
    color: #169C44;
    background: #E9F8EE;
}

.summary-icon-red[b-4ik02me8ut] {
    color: #D71967;
    background: #FDEAF2;
}

.summary-icon-purple[b-4ik02me8ut] {
    color: #AF13B5;
    background: #F4E8FA;
}

.summary-value[b-4ik02me8ut] {
    color: var(--uris-text);
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
}

.summary-label[b-4ik02me8ut] {
    color: #45618E;
    font-size: 14px;
    line-height: 1.3;
}

.dashboard-card[b-4ik02me8ut] {
    padding: 22px;
    background: white;
    border-radius: 18px;
    box-shadow: var(--uris-shadow);
}

.section-header[b-4ik02me8ut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.section-title-wrap[b-4ik02me8ut] {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .section-title-wrap h2[b-4ik02me8ut] {
        margin: 0;
        color: var(--uris-text);
        font-size: 21px;
        font-weight: 700;
    }

.section-icon[b-4ik02me8ut] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
}

.warning-icon[b-4ik02me8ut] {
    color: white;
    background: linear-gradient( 135deg, #D71967, #E63176 );
}

.patient-icon[b-4ik02me8ut] {
    color: #2D71D6;
    background: #EAF3FF;
    border-radius: 10px;
    font-size: 19px;
}

.link-button[b-4ik02me8ut] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .link-button span[b-4ik02me8ut] {
        font-size: 24px;
        line-height: 1;
    }

.button-plus[b-4ik02me8ut] {
    margin-right: 6px;
    font-size: 20px;
    font-weight: 400;
}

.table-wrap[b-4ik02me8ut] {
    width: 100%;
    overflow-x: auto;
}

.uris-table[b-4ik02me8ut] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .uris-table thead[b-4ik02me8ut] {
        background: #F6F8FB;
    }

    .uris-table th[b-4ik02me8ut] {
        padding: 11px 14px;
        text-align: left;
        color: #45618E;
        font-size: 11px;
        font-weight: 600;
    }

    .uris-table td[b-4ik02me8ut] {
        padding: 14px;
        border-bottom: 1px solid #E5EAF0;
        color: var(--uris-text);
        font-size: 14px;
        vertical-align: middle;
    }

    .uris-table tbody tr[b-4ik02me8ut] {
        transition: background 0.15s ease;
    }

        .uris-table tbody tr:hover[b-4ik02me8ut] {
            background: #FAFBFD;
            cursor: pointer;
        }

.patient-name[b-4ik02me8ut] {
    font-weight: 700;
}

.status-badge[b-4ik02me8ut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.status-active[b-4ik02me8ut] {
    color: #169C44;
    background: #E6F7EB;
}

.status-finished[b-4ik02me8ut] {
    color: #169C44;
    background: #E6F7EB;
}

.status-running[b-4ik02me8ut] {
    color: #7A32B8;
    background: #F2E9FA;
}

.status-expired[b-4ik02me8ut] {
    color: #C76B00;
    background: #FFF1DD;
}

.status-inactive[b-4ik02me8ut],
.status-none[b-4ik02me8ut] {
    color: #667085;
    background: #EEF1F4;
}

.row-arrow[b-4ik02me8ut] {
    width: 32px;
    text-align: center;
    font-size: 27px !important;
    font-weight: 300;
    color: var(--uris-text) !important;
}

.table-footer[b-4ik02me8ut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 18px;
}

.pagination[b-4ik02me8ut] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-button[b-4ik02me8ut],
.page-button[b-4ik02me8ut] {
    height: 38px;
    padding: 0 14px;
    border: 1px solid #DCE3EB;
    border-radius: 10px;
    background: white;
    color: var(--uris-text);
    font-size: 13px;
    cursor: pointer;
}

.page-button[b-4ik02me8ut] {
    min-width: 38px;
    padding: 0;
}

    .page-button.active[b-4ik02me8ut] {
        border-color: transparent;
        color: var(--uris-primary);
        background: #F7EAF9;
    }

.pagination-button:disabled[b-4ik02me8ut] {
    opacity: 0.45;
    cursor: default;
}

.pagination-dots[b-4ik02me8ut] {
    padding: 0 5px;
    color: var(--uris-text-secondary);
}

.patient-count[b-4ik02me8ut] {
    color: #45618E;
    font-size: 13px;
}

@media (max-width: 1100px) {
    .summary-grid[b-4ik02me8ut] {
        grid-template-columns: 1fr;
    }

    .table-footer[b-4ik02me8ut] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 1300px) {
    .summary-grid[b-4ik02me8ut] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .summary-grid[b-4ik02me8ut] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
.forgot-page[b-4cflmub2kk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forgot-card[b-4cflmub2kk] {
    width: min(500px, 100%);
    padding: 38px 42px 42px;
    text-align: center;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
}

.auth-back[b-4cflmub2kk] {
    display: block;
    margin-bottom: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.forgot-icon[b-4cflmub2kk] {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px auto 20px;
    border-radius: 18px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .forgot-icon svg[b-4cflmub2kk] {
        width: 36px;
        height: 36px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.forgot-card h1[b-4cflmub2kk] {
    margin: 0 0 12px;
    color: var(--uris-text);
    font-size: 24px;
}

.forgot-description[b-4cflmub2kk] {
    max-width: 380px;
    margin: 0 auto 28px;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.forgot-field[b-4cflmub2kk] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
    text-align: left;
}

    .forgot-field label[b-4cflmub2kk] {
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
    }

    .forgot-field input[b-4cflmub2kk] {
        height: 50px;
        box-sizing: border-box;
        padding: 0 15px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        color: var(--uris-text);
        font-size: 14px;
    }

        .forgot-field input:focus[b-4cflmub2kk] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }

.forgot-error[b-4cflmub2kk] {
    margin-bottom: 18px;
    padding: 11px 14px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 12px;
    text-align: left;
}

.forgot-info[b-4cflmub2kk] {
    margin-bottom: 26px;
    padding: 13px 15px;
    border-radius: 11px;
    background: #F7F9FC;
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}

.forgot-button[b-4cflmub2kk] {
    width: 100%;
    height: 48px;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-page[b-9mzxtpdle3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-card[b-9mzxtpdle3] {
    width: min(850px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
    overflow: hidden;
}

.auth-login-side[b-9mzxtpdle3] {
    padding: 42px;
}

.auth-register-side[b-9mzxtpdle3] {
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #F8FAFC;
}

.auth-title[b-9mzxtpdle3] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

    .auth-title h1[b-9mzxtpdle3] {
        margin: 0 0 5px 0;
        color: var(--uris-text);
        font-size: 25px;
    }

    .auth-title p[b-9mzxtpdle3] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 13px;
    }

.auth-icon[b-9mzxtpdle3] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .auth-icon svg[b-9mzxtpdle3] {
        width: 29px;
        height: 29px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
    }

.auth-form[b-9mzxtpdle3] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.auth-field[b-9mzxtpdle3] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .auth-field label[b-9mzxtpdle3] {
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
    }

    .auth-field input[b-9mzxtpdle3] {
        height: 50px;
        padding: 0 15px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        color: var(--uris-text);
        font-size: 14px;
    }

        .auth-field input:focus[b-9mzxtpdle3] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }

.forgot-password-button[b-9mzxtpdle3] {
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 12px;
    cursor: pointer;
}

.auth-primary-button[b-9mzxtpdle3] {
    width: 100%;
    height: 48px;
    margin-top: 8px;
}

.auth-error[b-9mzxtpdle3] {
    padding: 11px 14px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 12px;
}

.auth-register-side h2[b-9mzxtpdle3] {
    margin: 0 0 12px 0;
    color: var(--uris-text);
    font-size: 22px;
}

.auth-register-side p[b-9mzxtpdle3] {
    margin: 0 0 26px 0;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.auth-register-button[b-9mzxtpdle3] {
    height: 46px;
    border: 1px solid var(--uris-primary);
    border-radius: 11px;
    background: white;
    color: var(--uris-primary);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.auth-help[b-9mzxtpdle3] {
    margin-top: 24px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-text-secondary);
    font-size: 12px;
    cursor: pointer;
}

    .auth-help:hover[b-9mzxtpdle3] {
        color: var(--uris-primary);
    }

.verification-resend[b-9mzxtpdle3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: -6px;
    padding: 11px 13px;
    border-radius: 10px;
    background: #F7F9FC;
    color: var(--uris-text-secondary);
    font-size: 12px;
}

    .verification-resend button[b-9mzxtpdle3] {
        padding: 0;
        border: none;
        background: transparent;
        color: var(--uris-primary);
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
    }

        .verification-resend button:disabled[b-9mzxtpdle3] {
            opacity: 0.6;
            cursor: default;
        }

.verification-resend-success[b-9mzxtpdle3] {
    padding: 11px 14px;
    border-radius: 10px;
    background: #F1F8F4;
    color: #327A4C;
    font-size: 12px;
}

@media (max-width: 800px) {
    .auth-card[b-9mzxtpdle3] {
        grid-template-columns: 1fr;
    }

    .auth-page[b-9mzxtpdle3] {
        padding: 24px;
    }
}
/* /Components/Pages/LoginTwoFactor.razor.rz.scp.css */
.two-factor-page[b-nbqbwam8qg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-factor-card[b-nbqbwam8qg] {
    width: min(520px, 100%);
    padding: 38px 42px;
    text-align: center;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
}

.two-factor-back[b-nbqbwam8qg] {
    display: block;
    margin-bottom: 20px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 12px;
    cursor: pointer;
}

.two-factor-icon[b-nbqbwam8qg] {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px auto;
    border-radius: 17px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .two-factor-icon svg[b-nbqbwam8qg] {
        width: 34px;
        height: 34px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
    }

.two-factor-card h1[b-nbqbwam8qg] {
    margin: 0 0 12px 0;
    color: var(--uris-text);
    font-size: 25px;
}

.two-factor-card p[b-nbqbwam8qg] {
    max-width: 360px;
    margin: 0 auto 28px auto;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.two-factor-field[b-nbqbwam8qg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

    .two-factor-field label[b-nbqbwam8qg] {
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
    }

    .two-factor-field input[b-nbqbwam8qg] {
        height: 54px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        color: var(--uris-text);
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.18em;
    }

        .two-factor-field input:focus[b-nbqbwam8qg] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }

.two-factor-error[b-nbqbwam8qg] {
    margin-bottom: 18px;
    padding: 11px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 12px;
}

.two-factor-button[b-nbqbwam8qg] {
    width: 100%;
    height: 48px;
}
/* /Components/Pages/PatientDetail.razor.rz.scp.css */
.patient-page[b-qr7vytanr6] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.back-button[b-qr7vytanr6] {
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.patient-card[b-qr7vytanr6] {
    padding: 24px;
    background: white;
    border-radius: 18px;
    box-shadow: var(--uris-shadow);
}

.patient-title-row[b-qr7vytanr6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
}

    .patient-title-row h1[b-qr7vytanr6] {
        margin: 0 0 6px 0;
        color: var(--uris-text);
        font-size: 28px;
        font-weight: 700;
    }

.patient-subtitle[b-qr7vytanr6] {
    color: var(--uris-text-secondary);
    font-size: 14px;
}

.patient-status[b-qr7vytanr6] {
    padding: 7px 14px;
    border-radius: 999px;
    color: #169C44;
    background: #E6F7EB;
    font-size: 12px;
    font-weight: 600;
}

.patient-info-grid[b-qr7vytanr6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr)) minmax(200px, 1.5fr) minmax(160px, 1fr);
    gap: 18px;
}

.patient-info-item[b-qr7vytanr6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.info-label[b-qr7vytanr6] {
    color: #45618E;
    font-size: 12px;
}

.patient-info-item strong[b-qr7vytanr6] {
    color: var(--uris-text);
    font-size: 15px;
}

.section-header[b-qr7vytanr6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .section-header h2[b-qr7vytanr6] {
        margin: 0 0 5px 0;
        color: var(--uris-text);
        font-size: 21px;
        font-weight: 700;
    }

    .section-header p[b-qr7vytanr6] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 13px;
    }

.range-buttons[b-qr7vytanr6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.range-button[b-qr7vytanr6] {
    height: 36px;
    padding: 0 14px;
    border: 1px solid #DFE4EC;
    border-radius: 10px;
    background: white;
    color: #45618E;
    font-size: 12px;
    cursor: pointer;
}

    .range-button.active[b-qr7vytanr6] {
        border-color: transparent;
        color: white;
        background: linear-gradient( 135deg, var(--uris-primary), var(--uris-primary-end) );
    }

.chart-legend[b-qr7vytanr6] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-bottom: 20px;
}

.chart-legend-item[b-qr7vytanr6] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--uris-text-secondary);
    font-size: 13px;
}

.legend-dot[b-qr7vytanr6] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.legend-micturition[b-qr7vytanr6] {
    background: #2D71D6;
}

.legend-nocturia[b-qr7vytanr6] {
    background: #AF13B5;
}

.legend-urgency3[b-qr7vytanr6] {
    background: #F79009;
}

.legend-urgency4[b-qr7vytanr6] {
    background: #D92D20;
}

.chart-empty[b-qr7vytanr6],
.empty-message[b-qr7vytanr6],
.patient-loading[b-qr7vytanr6],
.patient-error[b-qr7vytanr6] {
    padding: 30px;
    text-align: center;
    color: var(--uris-text-secondary);
}

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

.diary-wrapper[b-qr7vytanr6] {
    overflow: hidden;
    border: 1px solid #E4E9EF;
    border-radius: 14px;
    background: white;
}

.diary-row[b-qr7vytanr6] {
    min-height: 76px;
    display: grid;
    grid-template-columns: minmax(250px, 1fr) minmax(360px, 1.4fr) 30px;
    align-items: center;
    gap: 20px;
    padding: 14px 18px;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .diary-row:hover[b-qr7vytanr6] {
        background: #FAFBFD;
    }

.diary-main[b-qr7vytanr6] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.diary-date[b-qr7vytanr6] {
    min-width: 95px;
    color: var(--uris-text);
    font-size: 14px;
    font-weight: 700;
}

.diary-times[b-qr7vytanr6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 20px;
}

    .diary-times div[b-qr7vytanr6] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .diary-times span[b-qr7vytanr6] {
        color: #8190A8;
        font-size: 11px;
    }

    .diary-times strong[b-qr7vytanr6] {
        color: var(--uris-text);
        font-size: 13px;
    }

.diary-arrow[b-qr7vytanr6] {
    color: #45618E;
    font-size: 20px;
    text-align: center;
}

.diary-detail[b-qr7vytanr6] {
    padding: 0 18px 18px 18px;
    border-top: 1px solid #EEF1F4;
    background: #FBFCFE;
}

.diary-data-list[b-qr7vytanr6] {
    display: flex;
    flex-direction: column;
}

.diary-data-row[b-qr7vytanr6] {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 18px;
    padding: 16px 4px;
    border-bottom: 1px solid #E8ECF1;
}

    .diary-data-row:last-child[b-qr7vytanr6] {
        border-bottom: none;
    }

.diary-data-time[b-qr7vytanr6] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .diary-data-time strong[b-qr7vytanr6] {
        color: var(--uris-text);
        font-size: 14px;
    }

    .diary-data-time span[b-qr7vytanr6] {
        color: #98A2B3;
        font-size: 10px;
    }

.diary-data-title[b-qr7vytanr6] {
    margin-bottom: 4px;
    color: var(--uris-text);
    font-size: 14px;
    font-weight: 700;
}

.diary-data-description[b-qr7vytanr6] {
    color: #45618E;
    font-size: 13px;
}

.diary-data-tags[b-qr7vytanr6] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}

.data-tag[b-qr7vytanr6] {
    padding: 4px 9px;
    border-radius: 999px;
    color: #45618E;
    background: #EAF1F8;
    font-size: 10px;
    font-weight: 600;
}

.data-tag-night[b-qr7vytanr6] {
    color: #7131A8;
    background: #F2E9FA;
}

.data-tag-warning[b-qr7vytanr6] {
    color: #B55A00;
    background: #FFF0DD;
}

.status-badge[b-qr7vytanr6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.status-finished[b-qr7vytanr6] {
    color: #169C44;
    background: #E6F7EB;
}

.status-running[b-qr7vytanr6] {
    color: #7A32B8;
    background: #F2E9FA;
}

.status-expired[b-qr7vytanr6] {
    color: #C76B00;
    background: #FFF1DD;
}

.status-inactive[b-qr7vytanr6] {
    color: #667085;
    background: #EEF1F4;
}

.chart-controls[b-qr7vytanr6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 34px;
    margin-bottom: 20px;
}

.chart-toggle[b-qr7vytanr6] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--uris-text);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

    .chart-toggle input[b-qr7vytanr6] {
        display: none;
    }

.chart-check[b-qr7vytanr6] {
    width: 17px;
    height: 17px;
    display: inline-flex;
    position: relative;
    border-radius: 5px;
    opacity: 0.35;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.chart-toggle input:checked + .chart-check[b-qr7vytanr6] {
    opacity: 1;
}

    .chart-toggle input:checked + .chart-check[b-qr7vytanr6]::after {
        content: "";
        position: absolute;
        left: 5px;
        top: 2px;
        width: 5px;
        height: 9px;
        border-right: 2px solid white;
        border-bottom: 2px solid white;
        transform: rotate(45deg);
    }

.chart-check-micturition[b-qr7vytanr6] {
    background: #2D71D6;
}

.chart-check-nocturia[b-qr7vytanr6] {
    background: #AF13B5;
}

.chart-check-urgency3[b-qr7vytanr6] {
    background: #F79009;
}

.chart-check-urgency4[b-qr7vytanr6] {
    background: #D92D20;
}


/* ========================================================= */
/* CHART CONTAINER */
/* ========================================================= */

.diary-chart[b-qr7vytanr6] {
    width: 100%;
    padding: 20px 22px 14px 16px;
    border-radius: 14px;
    background: #F8FAFC;
    overflow-x: auto;
}


/* ========================================================= */
/* CHART PLOT AREA */
/* ========================================================= */

.chart-area[b-qr7vytanr6] {
    position: relative;
    min-width: 850px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
}


/* ========================================================= */
/* Y AXIS LABELS */
/* ========================================================= */

.chart-y-labels[b-qr7vytanr6] {
    grid-column: 1;
    grid-row: 1;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 8px;
    box-sizing: border-box;
}

    .chart-y-labels span[b-qr7vytanr6] {
        color: #8190A8;
        font-size: 11px;
        line-height: 1;
        text-align: right;
    }


/* ========================================================= */
/* SVG */
/* ========================================================= */

.chart-svg[b-qr7vytanr6] {
    grid-column: 2;
    grid-row: 1;
    display: block;
    width: 100%;
    min-width: 850px;
    height: 360px;
    overflow: hidden;
}

.chart-grid-line[b-qr7vytanr6] {
    stroke: #E4E9EF;
    stroke-width: 1;
}

.chart-axis[b-qr7vytanr6] {
    stroke: #8190A8;
    stroke-width: 1;
}

.chart-line[b-qr7vytanr6] {
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ========================================================= */
/* DATA SERIES */
/* ========================================================= */

.chart-line-micturition[b-qr7vytanr6] {
    stroke: #2D71D6;
}

.chart-line-nocturia[b-qr7vytanr6] {
    stroke: #AF13B5;
}

.chart-line-urgency3[b-qr7vytanr6] {
    stroke: #F79009;
}

.chart-line-urgency4[b-qr7vytanr6] {
    stroke: #D92D20;
}


/* ========================================================= */
/* DATA POINTS */
/* ========================================================= */

.chart-point[b-qr7vytanr6] {
    stroke: white;
    stroke-width: 2;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.15s ease, r 0.15s ease;
}

.chart-svg:hover .chart-point[b-qr7vytanr6] {
    opacity: 1;
}

.chart-point:hover[b-qr7vytanr6] {
    r: 7;
}

.point-micturition[b-qr7vytanr6] {
    fill: #2D71D6;
}

.point-nocturia[b-qr7vytanr6] {
    fill: #AF13B5;
}

.point-urgency3[b-qr7vytanr6] {
    fill: #F79009;
}

.point-urgency4[b-qr7vytanr6] {
    fill: #D92D20;
}


/* ========================================================= */
/* TARGET LINES */
/* ========================================================= */

.chart-target[b-qr7vytanr6] {
    stroke-width: 1.2;
    stroke-dasharray: 6 5;
    opacity: 0.65;
}

.target-micturition[b-qr7vytanr6] {
    stroke: #2D71D6;
}

.target-nocturia[b-qr7vytanr6] {
    stroke: #AF13B5;
}

.target-urgency3[b-qr7vytanr6] {
    stroke: #F79009;
}

.target-urgency4[b-qr7vytanr6] {
    stroke: #D92D20;
}


/* ========================================================= */
/* X AXIS LABELS */
/* ========================================================= */

.chart-x-labels[b-qr7vytanr6] {
    min-width: 800px;
    display: grid;
    margin-left: 46px;
    margin-right: 0;
    margin-top: 6px;
}

.chart-x-label[b-qr7vytanr6] {
    color: #667085;
    font-size: 11px;
    text-align: center;
}


/* ========================================================= */
/* EMPTY CHART */
/* ========================================================= */

.chart-empty[b-qr7vytanr6] {
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--uris-text-secondary);
}

.chart-target-labels[b-qr7vytanr6] {
    position: absolute;
    left: 42px;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.target-html-label[b-qr7vytanr6] {
    position: absolute;
    right: 18px;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(248, 250, 252, 0.92);
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.target-html-micturition[b-qr7vytanr6] {
    color: #2D71D6;
}

.target-html-nocturia[b-qr7vytanr6] {
    color: #AF13B5;
}

.target-html-urgency3[b-qr7vytanr6] {
    color: #F79009;
}

.target-html-urgency4[b-qr7vytanr6] {
    color: #D92D20;
}

.patient-danger-zone[b-qr7vytanr6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 24px;
    padding: 22px 24px;
    border: 1px solid #F0D7DC;
    border-radius: 16px;
    background: #FFF9FA;
}


.patient-danger-info[b-qr7vytanr6] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


    .patient-danger-info strong[b-qr7vytanr6] {
        color: var(--uris-text);
        font-size: 13px;
    }


    .patient-danger-info span[b-qr7vytanr6] {
        color: var(--uris-text-secondary);
        font-size: 11px;
        line-height: 1.5;
    }


.patient-unlink-button[b-qr7vytanr6] {
    height: 38px;
    flex-shrink: 0;
    padding: 0 16px;
    border: 1px solid #D94C69;
    border-radius: 9px;
    background: white;
    color: #D94C69;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}


    .patient-unlink-button:hover[b-qr7vytanr6] {
        background: #FFF1F4;
    }


/* CONFIRMATION */

.confirmation-overlay[b-qr7vytanr6] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(39, 39, 80, 0.28);
    backdrop-filter: blur(3px);
}


.confirmation-dialog[b-qr7vytanr6] {
    width: 100%;
    max-width: 460px;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 20px;
    background: white;
    box-shadow: 0 20px 60px rgba(39, 39, 80, 0.18);
    text-align: center;
}


.confirmation-icon[b-qr7vytanr6] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 16px;
    background: #FFF0F3;
    color: #D94C69;
}


    .confirmation-icon svg[b-qr7vytanr6] {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.confirmation-dialog h2[b-qr7vytanr6] {
    margin: 0 0 10px;
    color: var(--uris-text);
    font-size: 20px;
}


.confirmation-dialog p[b-qr7vytanr6] {
    margin: 0;
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.65;
}


    .confirmation-dialog p strong[b-qr7vytanr6] {
        color: var(--uris-text);
    }


.confirmation-note[b-qr7vytanr6] {
    margin-top: 10px !important;
    font-size: 11px !important;
}


.confirmation-error[b-qr7vytanr6] {
    margin-top: 18px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #FFF0F0;
    color: #B42318;
    font-size: 11px;
}


.confirmation-actions[b-qr7vytanr6] {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}


    .confirmation-actions button[b-qr7vytanr6] {
        height: 42px;
        flex: 1;
        border-radius: 10px;
        font-size: 11px;
        font-weight: 700;
        cursor: pointer;
    }


.confirmation-cancel[b-qr7vytanr6] {
    border: 1px solid #DDE3EB;
    background: white;
    color: var(--uris-text);
}


.confirmation-confirm[b-qr7vytanr6] {
    border: none;
    background: #D94C69;
    color: white;
}


.confirmation-actions button:disabled[b-qr7vytanr6] {
    opacity: 0.55;
    cursor: default;
}

@media (max-width: 1200px) {
    .patient-info-grid[b-qr7vytanr6] {
        grid-template-columns: repeat(3, 1fr);
    }

    .patient-contact-item[b-qr7vytanr6] {
        grid-column: span 1;
    }

    .section-header[b-qr7vytanr6] {
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .patient-info-grid[b-qr7vytanr6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .diary-row[b-qr7vytanr6] {
        grid-template-columns: 1fr;
    }

    .diary-times[b-qr7vytanr6] {
        grid-template-columns: repeat(3, 1fr);
    }

    .diary-arrow[b-qr7vytanr6] {
        display: none;
    }
}
/* /Components/Pages/Patients.razor.rz.scp.css */
.patients-page[b-6n3hrfrvvm] {
    width: 100%;
}


.patients-header[b-6n3hrfrvvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}


    .patients-header h1[b-6n3hrfrvvm] {
        margin: 0 0 6px;
        color: var(--uris-text);
        font-size: 28px;
    }


    .patients-header p[b-6n3hrfrvvm] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 13px;
    }


    .patients-header .uris-button-primary[b-6n3hrfrvvm] {
        min-width: 150px;
        height: 46px;
    }


/* TOOLBAR */

.patients-toolbar[b-6n3hrfrvvm] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}


.patient-search[b-6n3hrfrvvm] {
    position: relative;
    flex: 1;
    max-width: 380px;
}


    .patient-search svg[b-6n3hrfrvvm] {
        position: absolute;
        top: 50%;
        left: 15px;
        width: 18px;
        height: 18px;
        transform: translateY(-50%);
        fill: none;
        stroke: #91A0B4;
        stroke-width: 1.8;
        stroke-linecap: round;
    }


    .patient-search input[b-6n3hrfrvvm] {
        width: 100%;
        height: 46px;
        box-sizing: border-box;
        padding: 0 15px 0 44px;
        border: 1px solid #E0E5EC;
        border-radius: 11px;
        outline: none;
        background: white;
        color: var(--uris-text);
        font-size: 12px;
        box-shadow: var(--uris-shadow);
    }


        .patient-search input:focus[b-6n3hrfrvvm] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.07);
        }


        .patient-search input[b-6n3hrfrvvm]::placeholder {
            color: #A5B0BF;
        }


/* FILTER */

.patients-filter[b-6n3hrfrvvm] {
    display: flex;
    padding: 4px;
    border-radius: 11px;
    background: white;
    box-shadow: var(--uris-shadow);
}


    .patients-filter button[b-6n3hrfrvvm] {
        height: 38px;
        padding: 0 13px;
        border: none;
        border-radius: 8px;
        background: transparent;
        color: var(--uris-text-secondary);
        font-size: 10px;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
    }


        .patients-filter button:hover[b-6n3hrfrvvm] {
            color: var(--uris-text);
        }


        .patients-filter button.active[b-6n3hrfrvvm] {
            color: white;
            background: linear-gradient( 135deg, var(--uris-primary), var(--uris-primary-end));
        }


/* SORT */

.patients-sort[b-6n3hrfrvvm] {
    min-width: 170px;
    height: 46px;
    padding: 0 13px;
    border: 1px solid #E0E5EC;
    border-radius: 11px;
    outline: none;
    background: white;
    color: var(--uris-text);
    font-size: 11px;
    box-shadow: var(--uris-shadow);
}


/* TABLE CARD */

.patients-card[b-6n3hrfrvvm] {
    overflow: hidden;
    border-radius: 18px;
    background: white;
    box-shadow: var(--uris-shadow);
}


.patients-table-header[b-6n3hrfrvvm],
.patients-table-row[b-6n3hrfrvvm] {
    display: grid;
    grid-template-columns: minmax(230px, 1.6fr) 0.5fr 0.8fr 0.9fr 0.9fr 80px;
    align-items: center;
    gap: 18px;
}


.patients-table-header[b-6n3hrfrvvm] {
    min-height: 48px;
    padding: 0 22px;
    background: #FAFBFC;
    color: var(--uris-text-secondary);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}


.patients-table-row[b-6n3hrfrvvm] {
    min-height: 72px;
    padding: 0 22px;
    border-top: 1px solid #EDF0F4;
    color: var(--uris-text-secondary);
    font-size: 11px;
    transition: background 0.15s ease;
}


    .patients-table-row:hover[b-6n3hrfrvvm] {
        background: #FCFDFE;
    }


/* PATIENT */

.patient-main[b-6n3hrfrvvm] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
}


.patient-avatar[b-6n3hrfrvvm] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #F6EAF8;
    color: var(--uris-primary);
    font-size: 12px;
    font-weight: 800;
}


.patient-name[b-6n3hrfrvvm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}


    .patient-name strong[b-6n3hrfrvvm] {
        overflow: hidden;
        color: var(--uris-text);
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .patient-name span[b-6n3hrfrvvm] {
        color: var(--uris-text-secondary);
        font-size: 10px;
    }


/* DIARY STATUS */

.diary-status[b-6n3hrfrvvm] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 10px;
    border-radius: 14px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}


    .diary-status.finished[b-6n3hrfrvvm] {
        color: #327A4C;
        background: #EEF8F2;
    }


    .diary-status.running[b-6n3hrfrvvm] {
        color: #426A9B;
        background: #EEF4FA;
    }


    .diary-status.expired[b-6n3hrfrvvm] {
        color: #B45B33;
        background: #FFF2EC;
    }


    .diary-status.no-diary[b-6n3hrfrvvm],
    .diary-status.inactive[b-6n3hrfrvvm] {
        color: #7F8B9C;
        background: #F2F4F7;
    }


/* BUTTON */

.patient-detail-button[b-6n3hrfrvvm] {
    height: 32px;
    padding: 0 14px;
    border: 1px solid #DDE3EB;
    border-radius: 8px;
    background: white;
    color: var(--uris-text);
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}


    .patient-detail-button:hover[b-6n3hrfrvvm] {
        border-color: var(--uris-primary);
        color: var(--uris-primary);
        background: #FCF8FD;
    }


/* LOADING / EMPTY */

.patients-state[b-6n3hrfrvvm],
.patients-empty[b-6n3hrfrvvm] {
    padding: 60px 30px;
    border-radius: 18px;
    text-align: center;
    background: white;
    color: var(--uris-text-secondary);
    box-shadow: var(--uris-shadow);
}


    .patients-state.error[b-6n3hrfrvvm] {
        color: #B42318;
    }


.patients-empty-icon[b-6n3hrfrvvm] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 16px;
    background: #F6EAF8;
    color: var(--uris-primary);
}


    .patients-empty-icon svg[b-6n3hrfrvvm] {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.patients-empty h2[b-6n3hrfrvvm] {
    margin: 0 0 7px;
    color: var(--uris-text);
    font-size: 16px;
}


.patients-empty p[b-6n3hrfrvvm] {
    max-width: 420px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.6;
}


/* RESPONSIVE */

@media (max-width: 1250px) {

    .patients-toolbar[b-6n3hrfrvvm] {
        flex-wrap: wrap;
    }


    .patient-search[b-6n3hrfrvvm] {
        max-width: none;
        flex: 1 1 100%;
    }


    .patients-filter[b-6n3hrfrvvm] {
        flex: 1;
    }


        .patients-filter button[b-6n3hrfrvvm] {
            flex: 1;
        }
}


@media (max-width: 950px) {

    .patients-card[b-6n3hrfrvvm] {
        overflow-x: auto;
    }


    .patients-table-header[b-6n3hrfrvvm],
    .patients-table-row[b-6n3hrfrvvm] {
        min-width: 900px;
    }
}


@media (max-width: 700px) {

    .patients-header[b-6n3hrfrvvm] {
        align-items: stretch;
        flex-direction: column;
    }


        .patients-header .uris-button-primary[b-6n3hrfrvvm] {
            width: 100%;
        }


    .patients-filter[b-6n3hrfrvvm] {
        width: 100%;
        overflow-x: auto;
    }


        .patients-filter button[b-6n3hrfrvvm] {
            flex: none;
        }


    .patients-sort[b-6n3hrfrvvm] {
        width: 100%;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.register-page[b-mf1urxwbcc] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 25px 0 45px;
}

.register-card[b-mf1urxwbcc] {
    width: min(980px, 100%);
    padding: 38px 44px;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
}

.register-back[b-mf1urxwbcc] {
    margin: 0 0 26px 0;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.register-header[b-mf1urxwbcc] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 38px;
}

.register-icon[b-mf1urxwbcc] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .register-icon svg[b-mf1urxwbcc] {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
    }

.register-header h1[b-mf1urxwbcc] {
    margin: 0 0 5px;
    color: var(--uris-text);
    font-size: 25px;
}

.register-header p[b-mf1urxwbcc],
.section-heading p[b-mf1urxwbcc] {
    margin: 0;
    color: var(--uris-text-secondary);
    font-size: 13px;
}

.register-section[b-mf1urxwbcc] {
    padding: 27px 0;
    border-top: 1px solid #EDF0F4;
}

.section-heading[b-mf1urxwbcc] {
    margin-bottom: 20px;
}

    .section-heading h2[b-mf1urxwbcc] {
        margin: 0 0 5px;
        color: var(--uris-text);
        font-size: 16px;
    }

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

.form-grid-titles[b-mf1urxwbcc] {
    grid-template-columns: 0.55fr 1fr 0.8fr 1fr 0.55fr;
}

.address-grid[b-mf1urxwbcc] {
    grid-template-columns: 1.5fr 0.6fr 1fr 0.6fr;
}

.register-field[b-mf1urxwbcc] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .register-field label[b-mf1urxwbcc] {
        min-height: 28px;
        display: flex;
        align-items: flex-end;
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.15;
    }

    .register-field input[b-mf1urxwbcc] {
        width: 100%;
        height: 49px;
        box-sizing: border-box;
        padding: 0 14px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        color: var(--uris-text);
        background: white;
        font-size: 14px;
    }

        .register-field input:focus[b-mf1urxwbcc] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }

.field-help[b-mf1urxwbcc] {
    color: var(--uris-text-secondary);
    font-size: 11px;
    line-height: 1.4;
}

.register-agreements[b-mf1urxwbcc] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 26px 0;
    border-top: 1px solid #EDF0F4;
}

.register-checkbox[b-mf1urxwbcc] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: var(--uris-text);
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}

    .register-checkbox input[b-mf1urxwbcc] {
        width: 17px;
        height: 17px;
        flex-shrink: 0;
        margin-top: 1px;
        accent-color: var(--uris-primary);
    }

.register-error[b-mf1urxwbcc] {
    margin-bottom: 20px;
    padding: 12px 14px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 12px;
}

.register-actions[b-mf1urxwbcc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    padding-top: 5px;
    color: var(--uris-text-secondary);
    font-size: 12px;
}

.register-button[b-mf1urxwbcc] {
    width: 280px;
    height: 48px;
}

.login-link[b-mf1urxwbcc] {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 950px) {
    .form-grid-titles[b-mf1urxwbcc],
    .address-grid[b-mf1urxwbcc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .register-card[b-mf1urxwbcc] {
        padding: 28px 24px;
    }

    .form-grid[b-mf1urxwbcc],
    .form-grid-titles[b-mf1urxwbcc],
    .address-grid[b-mf1urxwbcc] {
        grid-template-columns: 1fr;
    }

    .register-button[b-mf1urxwbcc] {
        width: 100%;
    }
}
/* /Components/Pages/RegisterComplete.razor.rz.scp.css */
.register-complete-page[b-jpcwra7137] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-complete-card[b-jpcwra7137] {
    width: min(500px, 100%);
    padding: 38px 42px 42px;
    text-align: center;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
}

.register-complete-back[b-jpcwra7137] {
    display: block;
    margin-bottom: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.register-complete-icon[b-jpcwra7137] {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto 22px;
    border-radius: 20px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .register-complete-icon svg[b-jpcwra7137] {
        width: 42px;
        height: 42px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.register-complete-card h1[b-jpcwra7137] {
    margin: 0 0 12px;
    color: var(--uris-text);
    font-size: 24px;
}

.register-complete-description[b-jpcwra7137] {
    max-width: 360px;
    margin: 0 auto 24px;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.register-complete-info[b-jpcwra7137] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 28px;
    padding: 14px 16px;
    text-align: left;
    border-radius: 12px;
    background: #F7F9FC;
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}

.info-icon[b-jpcwra7137] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #A7B0BE;
    border-radius: 50%;
    color: #697386;
    font-size: 11px;
    font-weight: 700;
}

.register-complete-button[b-jpcwra7137] {
    width: 100%;
    height: 48px;
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.reset-page[b-d0sgio0q3h] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reset-card[b-d0sgio0q3h] {
    width: min(500px, 100%);
    padding: 38px 42px 42px;
    text-align: center;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
}

.reset-back[b-d0sgio0q3h] {
    display: block;
    margin-bottom: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--uris-primary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.reset-icon[b-d0sgio0q3h] {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px auto 20px;
    border-radius: 18px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .reset-icon svg[b-d0sgio0q3h] {
        width: 36px;
        height: 36px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.reset-icon-error[b-d0sgio0q3h] {
    color: #B42318;
    background: #FEF0F0;
}

.reset-card h1[b-d0sgio0q3h] {
    margin: 0 0 12px;
    color: var(--uris-text);
    font-size: 24px;
}

.reset-description[b-d0sgio0q3h] {
    max-width: 380px;
    margin: 0 auto 28px;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.reset-field[b-d0sgio0q3h] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 18px;
    text-align: left;
}

    .reset-field label[b-d0sgio0q3h] {
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
    }

    .reset-field input[b-d0sgio0q3h] {
        height: 50px;
        box-sizing: border-box;
        padding: 0 15px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        color: var(--uris-text);
        font-size: 14px;
    }

        .reset-field input:focus[b-d0sgio0q3h] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }

.reset-error[b-d0sgio0q3h] {
    margin-bottom: 18px;
    padding: 11px 14px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 12px;
    text-align: left;
}

.reset-button[b-d0sgio0q3h] {
    width: 100%;
    height: 48px;
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-5u90begfi5] {
    width: 100%;
}


.settings-header[b-5u90begfi5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}


    .settings-header h1[b-5u90begfi5] {
        margin: 0 0 6px;
        color: var(--uris-text);
        font-size: 28px;
    }


    .settings-header p[b-5u90begfi5] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 13px;
    }


.settings-tabs[b-5u90begfi5] {
    display: inline-flex;
    margin-bottom: 22px;
    padding: 5px;
    background: white;
    border-radius: 13px;
    box-shadow: var(--uris-shadow);
}


.settings-tab[b-5u90begfi5] {
    min-width: 130px;
    padding: 11px 22px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--uris-text-secondary);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}


    .settings-tab.active[b-5u90begfi5] {
        color: white;
        background: linear-gradient( 135deg, var(--uris-primary), var(--uris-primary-end));
    }


.settings-card[b-5u90begfi5] {
    margin-bottom: 22px;
    padding: 28px 30px;
    background: white;
    border-radius: 20px;
    box-shadow: var(--uris-shadow);
}


.settings-card-header[b-5u90begfi5] {
    margin-bottom: 22px;
}


    .settings-card-header h2[b-5u90begfi5] {
        margin: 0 0 5px;
        color: var(--uris-text);
        font-size: 18px;
    }


    .settings-card-header p[b-5u90begfi5] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 12px;
        line-height: 1.5;
    }


.settings-grid[b-5u90begfi5] {
    display: grid;
    gap: 18px;
}


.settings-grid-2[b-5u90begfi5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


.settings-grid-3[b-5u90begfi5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


.settings-grid-5[b-5u90begfi5] {
    grid-template-columns: 0.7fr 1fr 1fr 1fr 0.7fr;
}


.settings-grid-address[b-5u90begfi5] {
    grid-template-columns: 1.5fr 0.6fr 1fr 0.6fr;
}


.settings-field[b-5u90begfi5] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}


    .settings-field label[b-5u90begfi5] {
        min-height: 26px;
        display: flex;
        align-items: flex-end;
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.15;
    }


    .settings-field input[b-5u90begfi5] {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        padding: 0 14px;
        border: 1px solid #DCE3EB;
        border-radius: 11px;
        outline: none;
        background: white;
        color: var(--uris-text);
        font-size: 13px;
    }


        .settings-field input:focus[b-5u90begfi5] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }


.settings-divider[b-5u90begfi5] {
    height: 1px;
    margin: 28px 0;
    background: #EDF0F4;
}


.settings-actions[b-5u90begfi5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}


    .settings-actions .uris-button-primary[b-5u90begfi5] {
        min-width: 180px;
        height: 46px;
    }


.settings-message[b-5u90begfi5] {
    margin-top: 20px;
    padding: 12px 15px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.5;
}


    .settings-message.success[b-5u90begfi5] {
        color: #327A4C;
        background: #F1F8F4;
    }


    .settings-message.error[b-5u90begfi5] {
        color: #B42318;
        background: #FEF0F0;
    }


.settings-loading[b-5u90begfi5] {
    padding: 26px;
    text-align: center;
    color: var(--uris-text-secondary);
    font-size: 13px;
}


.two-factor-options[b-5u90begfi5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}


.two-factor-option[b-5u90begfi5] {
    min-height: 125px;
    padding: 20px;
    text-align: left;
    border: 1px solid #E0E5EC;
    border-radius: 14px;
    background: #FFFFFF;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}


    .two-factor-option:hover:not(:disabled)[b-5u90begfi5] {
        transform: translateY(-1px);
        border-color: #CAA8D0;
    }


    .two-factor-option:disabled[b-5u90begfi5] {
        cursor: default;
        opacity: 0.6;
    }


    .two-factor-option.selected[b-5u90begfi5] {
        border-color: var(--uris-primary);
        box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
    }


.two-factor-option-title[b-5u90begfi5] {
    margin-bottom: 8px;
    color: var(--uris-text);
    font-size: 14px;
    font-weight: 700;
}


.two-factor-option-text[b-5u90begfi5] {
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}


/* AUTHENTICATOR SETUP */

.authenticator-setup[b-5u90begfi5] {
    max-width: 620px;
    margin: 28px auto 0;
    padding: 30px;
    border: 1px solid #E3E7ED;
    border-radius: 18px;
    background: #FFFFFF;
}


.authenticator-setup-header[b-5u90begfi5] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
}


    .authenticator-setup-header h3[b-5u90begfi5] {
        margin: 0 0 5px;
        color: var(--uris-text);
        font-size: 18px;
    }


    .authenticator-setup-header p[b-5u90begfi5] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 12px;
        line-height: 1.5;
    }


.authenticator-lock[b-5u90begfi5] {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: var(--uris-primary);
    background: #F6EAF8;
}


    .authenticator-lock svg[b-5u90begfi5] {
        width: 28px;
        height: 28px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.authenticator-app-tabs[b-5u90begfi5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 18px;
    border-bottom: 1px solid #E6E9EE;
}


.authenticator-app-tab[b-5u90begfi5] {
    padding: 12px 10px;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--uris-text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}


    .authenticator-app-tab:hover[b-5u90begfi5] {
        color: var(--uris-text);
    }


    .authenticator-app-tab.active[b-5u90begfi5] {
        border-bottom-color: var(--uris-primary);
        color: var(--uris-text);
    }


.authenticator-app-description[b-5u90begfi5] {
    max-width: 450px;
    margin: 0 auto 24px;
    text-align: center;
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}


.authenticator-qr-container[b-5u90begfi5] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    margin: 8px 0 18px;
}


.authenticator-qr[b-5u90begfi5] {
    width: 220px;
    height: 220px;
    object-fit: contain;
    image-rendering: pixelated;
}


.authenticator-instruction[b-5u90begfi5] {
    margin: 0;
    text-align: center;
    color: var(--uris-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}


.authenticator-manual[b-5u90begfi5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
}


    .authenticator-manual span[b-5u90begfi5] {
        color: var(--uris-text-secondary);
        font-size: 11px;
    }


    .authenticator-manual strong[b-5u90begfi5] {
        max-width: 100%;
        box-sizing: border-box;
        padding: 9px 13px;
        overflow-wrap: anywhere;
        border-radius: 8px;
        background: #F7F9FC;
        color: var(--uris-primary);
        font-family: Consolas, "Courier New", monospace;
        font-size: 13px;
        letter-spacing: 1px;
    }


.authenticator-code-field[b-5u90begfi5] {
    max-width: 300px;
    margin: 32px auto;
    text-align: center;
}


    .authenticator-code-field label[b-5u90begfi5] {
        display: block;
        margin-bottom: 10px;
        color: #45618E;
        font-size: 11px;
        font-weight: 700;
    }


    .authenticator-code-field input[b-5u90begfi5] {
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        padding-left: 8px;
        border: 1px solid #DCE3EB;
        border-radius: 12px;
        outline: none;
        text-align: center;
        color: var(--uris-text);
        background: white;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 8px;
    }


        .authenticator-code-field input:focus[b-5u90begfi5] {
            border-color: var(--uris-primary);
            box-shadow: 0 0 0 3px rgba(175, 19, 181, 0.08);
        }


.authenticator-actions[b-5u90begfi5] {
    justify-content: center;
    margin-top: 28px;
}


.settings-secondary-button[b-5u90begfi5] {
    min-width: 120px;
    height: 46px;
    padding: 0 20px;
    border: 1px solid #DCE3EB;
    border-radius: 10px;
    background: white;
    color: var(--uris-text);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}


    .settings-secondary-button:hover:not(:disabled)[b-5u90begfi5] {
        border-color: #BCC5D1;
        background: #F7F9FC;
    }


    .settings-secondary-button:disabled[b-5u90begfi5] {
        opacity: 0.6;
        cursor: default;
    }

.settings-field input[readonly][b-5u90begfi5] {
    background: #F7F9FC;
    color: var(--uris-text-secondary);
    cursor: default;
}

.settings-field-hint[b-5u90begfi5] {
    margin-top: 2px;
    color: var(--uris-text-secondary);
    font-size: 10px;
    line-height: 1.4;
}


/* RESPONSIVE */

@media (max-width: 1200px) {

    .settings-grid-5[b-5u90begfi5],
    .settings-grid-address[b-5u90begfi5],
    .settings-grid-3[b-5u90begfi5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 800px) {

    .settings-grid-2[b-5u90begfi5],
    .settings-grid-3[b-5u90begfi5],
    .settings-grid-5[b-5u90begfi5],
    .settings-grid-address[b-5u90begfi5],
    .two-factor-options[b-5u90begfi5] {
        grid-template-columns: 1fr;
    }


    .settings-card[b-5u90begfi5] {
        padding: 22px;
    }


    .authenticator-setup[b-5u90begfi5] {
        padding: 22px;
    }


    .authenticator-app-tabs[b-5u90begfi5] {
        grid-template-columns: 1fr;
    }


    .authenticator-app-tab[b-5u90begfi5] {
        border-bottom: 1px solid #E6E9EE;
    }


        .authenticator-app-tab.active[b-5u90begfi5] {
            border-bottom: 3px solid var(--uris-primary);
        }


    .settings-actions[b-5u90begfi5] {
        flex-direction: column-reverse;
        align-items: stretch;
    }


        .settings-actions button[b-5u90begfi5] {
            width: 100%;
        }
}
/* /Components/Pages/Statistics.razor.rz.scp.css */
.statistics-page[b-1qec57566y] {
    width: 100%;
}


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


    .statistics-header h1[b-1qec57566y] {
        margin: 0 0 6px;
        color: var(--uris-text);
        font-size: 28px;
    }


    .statistics-header p[b-1qec57566y] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 13px;
    }


.statistics-filters[b-1qec57566y] {
    display: flex;
    align-items: center;
    gap: 12px;
}


.period-filter[b-1qec57566y] {
    display: flex;
    padding: 4px;
    border-radius: 11px;
    background: white;
    box-shadow: var(--uris-shadow);
}


    .period-filter button[b-1qec57566y] {
        min-width: 48px;
        height: 38px;
        border: none;
        border-radius: 8px;
        background: transparent;
        color: var(--uris-text-secondary);
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
    }


        .period-filter button.active[b-1qec57566y] {
            color: white;
            background: linear-gradient( 135deg, var(--uris-primary), var(--uris-primary-end));
        }


.statistics-loading[b-1qec57566y],
.statistics-error[b-1qec57566y] {
    padding: 50px;
    text-align: center;
    background: white;
    border-radius: 18px;
    color: var(--uris-text-secondary);
    box-shadow: var(--uris-shadow);
}


.statistics-cards[b-1qec57566y] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 20px;
}


.stat-card[b-1qec57566y] {
    display: flex;
    flex-direction: column;
    min-height: 125px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 17px;
    background: white;
    box-shadow: var(--uris-shadow);
}


.stat-label[b-1qec57566y] {
    margin-bottom: 12px;
    color: var(--uris-text-secondary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}


.stat-card strong[b-1qec57566y] {
    margin-bottom: 7px;
    color: var(--uris-text);
    font-size: 30px;
    line-height: 1;
}


.stat-card.warning strong[b-1qec57566y] {
    color: var(--uris-primary);
}


.stat-subtext[b-1qec57566y] {
    margin-top: auto;
    color: var(--uris-text-secondary);
    font-size: 10px;
}


.statistics-grid[b-1qec57566y] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 0.8fr);
    gap: 20px;
    margin-bottom: 20px;
}


.statistics-card[b-1qec57566y] {
    margin-bottom: 20px;
    padding: 26px;
    box-sizing: border-box;
    border-radius: 18px;
    background: white;
    box-shadow: var(--uris-shadow);
}


.statistics-grid .statistics-card[b-1qec57566y] {
    margin-bottom: 0;
}


.statistics-card-header[b-1qec57566y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}


    .statistics-card-header h2[b-1qec57566y] {
        margin: 0 0 5px;
        color: var(--uris-text);
        font-size: 17px;
    }


    .statistics-card-header p[b-1qec57566y] {
        margin: 0;
        color: var(--uris-text-secondary);
        font-size: 11px;
        line-height: 1.5;
    }


/* ACTIVITY */

.bar-chart[b-1qec57566y] {
    height: 260px;
    display: flex;
    align-items: flex-end;
    gap: 18px;
    padding-top: 15px;
}


.bar-column[b-1qec57566y] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.bar-value[b-1qec57566y] {
    height: 24px;
    color: var(--uris-text);
    font-size: 10px;
    font-weight: 700;
}


.bar-track[b-1qec57566y] {
    position: relative;
    flex: 1;
    width: min(44px, 70%);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 8px;
    background: #F2F5F8;
}


.bar-fill[b-1qec57566y] {
    width: 100%;
    min-height: 3px;
    border-radius: 8px;
    background: linear-gradient( 180deg, var(--uris-primary), var(--uris-primary-end));
}


.bar-label[b-1qec57566y] {
    margin-top: 10px;
    color: var(--uris-text-secondary);
    font-size: 10px;
}


/* DIARY STATUS */

.diary-state-summary[b-1qec57566y] {
    padding-top: 14px;
}


.diary-state-main[b-1qec57566y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}


    .diary-state-main strong[b-1qec57566y] {
        color: var(--uris-text);
        font-size: 40px;
    }


    .diary-state-main span[b-1qec57566y] {
        color: var(--uris-text-secondary);
        font-size: 11px;
    }


.diary-progress[b-1qec57566y] {
    display: flex;
    width: 100%;
    height: 14px;
    overflow: hidden;
    margin-bottom: 26px;
    border-radius: 8px;
    background: #EDF0F4;
}


.diary-progress-finished[b-1qec57566y] {
    background: linear-gradient( 90deg, var(--uris-primary), var(--uris-primary-end));
}


.diary-progress-running[b-1qec57566y] {
    background: #9EB8D4;
}


.diary-progress-expired[b-1qec57566y] {
    background: #DCE2EA;
}


.diary-state-legend[b-1qec57566y] {
    display: flex;
    flex-direction: column;
    gap: 13px;
}


    .diary-state-legend > div[b-1qec57566y] {
        display: grid;
        grid-template-columns: 12px 1fr auto;
        align-items: center;
        gap: 8px;
        color: var(--uris-text-secondary);
        font-size: 11px;
    }


    .diary-state-legend strong[b-1qec57566y] {
        color: var(--uris-text);
    }


.legend-dot[b-1qec57566y] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}


    .legend-dot.finished[b-1qec57566y] {
        background: var(--uris-primary);
    }


    .legend-dot.running[b-1qec57566y] {
        background: #9EB8D4;
    }


    .legend-dot.expired[b-1qec57566y] {
        background: #DCE2EA;
    }


/* SYMPTOMS */

.symptom-toggles[b-1qec57566y] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}


    .symptom-toggles button[b-1qec57566y] {
        padding: 7px 12px;
        border: 1px solid #DDE3EB;
        border-radius: 20px;
        background: white;
        color: var(--uris-text-secondary);
        font-size: 10px;
        font-weight: 700;
        cursor: pointer;
    }


        .symptom-toggles button.active[b-1qec57566y] {
            border-color: #DDB9DF;
            color: var(--uris-primary);
            background: #FAF2FB;
        }


.symptom-chart[b-1qec57566y] {
    width: 100%;
    overflow: hidden;
}


    .symptom-chart svg[b-1qec57566y] {
        display: block;
        width: 100%;
        height: 300px;
    }


.chart-grid-line[b-1qec57566y] {
    stroke: #EEF1F4;
    stroke-width: 1;
}


.symptom-line[b-1qec57566y] {
    fill: none;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.symptom-line.leakage[b-1qec57566y] {
    stroke: #AF13B5;
}

.symptom-line.nocturia[b-1qec57566y] {
    stroke: #4B74C6;
}

.symptom-line.urgency3[b-1qec57566y] {
    stroke: #E48A38;
}

.symptom-line.urgency4[b-1qec57566y] {
    stroke: #D94C69;
}


.symptom-chart-labels[b-1qec57566y] {
    display: flex;
    justify-content: space-between;
    padding: 0 2% 0 5%;
    color: var(--uris-text-secondary);
    font-size: 10px;
}


/* WARNING TABLE */

.warning-table[b-1qec57566y] {
    width: 100%;
}


.warning-table-header[b-1qec57566y],
.warning-table-row[b-1qec57566y] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 0.9fr 0.5fr 80px;
    align-items: center;
    gap: 15px;
}


.warning-table-header[b-1qec57566y] {
    min-height: 38px;
    padding: 0 14px;
    color: var(--uris-text-secondary);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}


.warning-table-row[b-1qec57566y] {
    min-height: 58px;
    padding: 0 14px;
    border-top: 1px solid #EDF0F4;
    color: var(--uris-text-secondary);
    font-size: 11px;
}


    .warning-table-row strong[b-1qec57566y] {
        color: var(--uris-text);
        font-size: 12px;
    }


.warning-type[b-1qec57566y] {
    width: fit-content;
    padding: 6px 10px;
    border-radius: 16px;
    background: #FAF1FB;
    color: var(--uris-primary);
    font-weight: 700;
}


.warning-table-row button[b-1qec57566y] {
    height: 32px;
    border: 1px solid #DDE3EB;
    border-radius: 8px;
    background: white;
    color: var(--uris-text);
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}


    .warning-table-row button:hover[b-1qec57566y] {
        border-color: var(--uris-primary);
        color: var(--uris-primary);
    }


/* RESPONSIVE */

@media (max-width: 1200px) {

    .statistics-cards[b-1qec57566y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .statistics-grid[b-1qec57566y] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 850px) {

    .statistics-header[b-1qec57566y] {
        flex-direction: column;
    }


    .statistics-filters[b-1qec57566y] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }


    .period-filter[b-1qec57566y] {
        justify-content: space-between;
    }


        .period-filter button[b-1qec57566y] {
            flex: 1;
        }

    .statistics-cards[b-1qec57566y] {
        grid-template-columns: 1fr;
    }


    .statistics-card[b-1qec57566y] {
        padding: 20px;
    }


    .statistics-card-header[b-1qec57566y] {
        flex-direction: column;
    }


    .warning-table[b-1qec57566y] {
        overflow-x: auto;
    }


    .warning-table-header[b-1qec57566y],
    .warning-table-row[b-1qec57566y] {
        min-width: 700px;
    }
}
/* /Components/Pages/VerifyEmail.razor.rz.scp.css */
.verify-page[b-zsan9v6t22] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.verify-card[b-zsan9v6t22] {
    width: min(500px, 100%);
    padding: 38px 42px 42px;
    text-align: center;
    background: white;
    border-radius: 22px;
    box-shadow: var(--uris-shadow);
}

.verify-icon[b-zsan9v6t22] {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px auto 20px;
    border-radius: 18px;
    color: var(--uris-primary);
    background: #F6EAF8;
}

    .verify-icon svg[b-zsan9v6t22] {
        width: 36px;
        height: 36px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.verify-icon-error[b-zsan9v6t22] {
    color: #B42318;
    background: #FEF0F0;
}

.verify-card h1[b-zsan9v6t22] {
    margin: 0 0 12px;
    color: var(--uris-text);
    font-size: 24px;
}

.verify-description[b-zsan9v6t22] {
    max-width: 380px;
    margin: 0 auto 26px;
    color: var(--uris-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.verify-info[b-zsan9v6t22],
.verify-success-info[b-zsan9v6t22] {
    margin-bottom: 22px;
    padding: 13px 15px;
    border-radius: 11px;
    color: var(--uris-text-secondary);
    background: #F7F9FC;
    font-size: 12px;
    line-height: 1.5;
}

    .verify-info strong[b-zsan9v6t22] {
        color: var(--uris-text);
    }

.verify-success-info[b-zsan9v6t22] {
    color: #327A4C;
    background: #F1F8F4;
}

.verify-error[b-zsan9v6t22] {
    margin-bottom: 18px;
    padding: 11px 14px;
    border-radius: 10px;
    color: #B42318;
    background: #FEF0F0;
    font-size: 12px;
    text-align: left;
}

.verify-button[b-zsan9v6t22] {
    width: 100%;
    height: 48px;
}