/* /Components/Account/Pages/Login.razor.rz.scp.css */

.login-page[b-y4d97fd2u4]{min-height:100svh;display:grid;grid-template-columns:46% 54%;color:#213c38;background:#f8f7f3;color-scheme:light}.identity-panel[b-y4d97fd2u4]{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 5% 0%,#246c68 0%,#124c49 40%,#073835 100%);padding:56px 62px;display:flex;flex-direction:column;color:#fff}.login-brand[b-y4d97fd2u4]{position:relative;z-index:2;width:252px}.login-brand img[b-y4d97fd2u4]{width:100%;height:auto}.identity-copy[b-y4d97fd2u4]{position:relative;z-index:2;margin:auto 0;padding:85px 0 130px}.overline[b-y4d97fd2u4]{display:block;font-size:10px;font-weight:750;letter-spacing:.19em}.identity-copy .overline[b-y4d97fd2u4]{color:#b5d2c9}.identity-copy h1[b-y4d97fd2u4]{font-family:InstitutionSerif,Georgia,serif;font-size:clamp(48px,4.5vw,76px);line-height:1.08;letter-spacing:-.025em;font-weight:400;margin:24px 0}.identity-copy em[b-y4d97fd2u4]{color:#d7c18c;font-style:normal}.identity-copy p[b-y4d97fd2u4]{font-size:14px;line-height:1.95;color:#bdd2cc}.gold-line[b-y4d97fd2u4]{display:block;width:48px;height:2px;background:#c6ac73;margin-top:30px}.identity-footer[b-y4d97fd2u4]{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#9cbab2;gap:18px}.arch[b-y4d97fd2u4]{position:absolute;z-index:-1;width:540px;height:790px;border:1px solid #ffffff13;border-radius:50% 50% 0 0;right:-160px;bottom:-280px;transform:rotate(-18deg)}.arch-two[b-y4d97fd2u4]{width:650px;height:900px;right:-210px;bottom:-330px}.arch-three[b-y4d97fd2u4]{width:760px;height:1010px;right:-260px;bottom:-380px}.login-main[b-y4d97fd2u4]{padding:38px 50px 25px;display:flex;flex-direction:column}.login-top[b-y4d97fd2u4],.login-footer[b-y4d97fd2u4]{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;color:#64766a}.login-top>span:first-child[b-y4d97fd2u4]{letter-spacing:.14em;font-weight:750}.secure-label[b-y4d97fd2u4]{display:flex;align-items:center;gap:7px}.secure-label>span[b-y4d97fd2u4]{color:#1b7266;font-size:19px}.login-card[b-y4d97fd2u4]{width:100%;max-width:395px;margin:auto;padding:55px 0}.login-emblem[b-y4d97fd2u4]{display:block;width:53px;height:65px;object-fit:contain;margin-bottom:30px}.login-card>.overline[b-y4d97fd2u4]{color:#8b794d;font-size:9px;letter-spacing:.16em}.login-card h2[b-y4d97fd2u4]{font-family:InstitutionSerif,Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:12px 0}.login-intro[b-y4d97fd2u4]{font-size:12px;color:#68766b;margin:0 0 34px}.login-field[b-y4d97fd2u4]{margin-bottom:21px}.login-field label[b-y4d97fd2u4]{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.login-field[b-y4d97fd2u4]  input{width:100%;height:51px;border:1px solid #d9ddd5;border-radius:7px;background:#fffefa;padding:0 15px;color:#1e3b35;font:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.login-field[b-y4d97fd2u4]  input::placeholder{color:#78867a}.login-field[b-y4d97fd2u4]  input:focus{outline:none;border-color:#217166;box-shadow:0 0 0 3px #21716619}.remember-me[b-y4d97fd2u4]{display:flex;align-items:center;gap:8px;font-size:11px;color:#66776d;margin:2px 0 26px}.remember-me[b-y4d97fd2u4]  input{accent-color:#155b52;width:15px;height:15px;margin:0}.login-submit[b-y4d97fd2u4]{width:100%;display:flex;justify-content:center;align-items:center;min-height:51px;border:0;border-radius:7px;background:#11534b;color:#fff;padding:0 19px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #134e4218;transition:background .2s,transform .2s}.login-submit:hover[b-y4d97fd2u4]{background:#0a403a;transform:translateY(-1px)}.login-submit:focus-visible[b-y4d97fd2u4]{outline:3px solid #b6a16c;outline-offset:3px}.account-note[b-y4d97fd2u4]{display:flex;gap:12px;border-top:1px solid #e3e4db;padding-top:24px;margin-top:30px}.account-note>span[b-y4d97fd2u4]{border:1px solid #7a8c7b;border-radius:50%;width:15px;height:15px;text-align:center;font:11px Georgia;margin-top:4px;color:#647966;flex-shrink:0}.account-note p[b-y4d97fd2u4]{font-size:10px;line-height:1.9;color:#687769;margin:0}.account-note strong[b-y4d97fd2u4]{color:#536958;font-weight:500}.login-footer[b-y4d97fd2u4]{font-size:8px}.login-card[b-y4d97fd2u4]  .validation-message,.login-card[b-y4d97fd2u4]  .validation-errors,.login-error[b-y4d97fd2u4]{color:#a52c32;font-size:11px;line-height:1.6}.login-error[b-y4d97fd2u4]{padding:12px;background:#fceceb;border-radius:6px;margin-bottom:16px}@media(min-width:1600px){.identity-panel[b-y4d97fd2u4]{padding:65px 85px}.login-main[b-y4d97fd2u4]{padding:45px 65px 30px}}@media(max-width:1000px){.identity-panel[b-y4d97fd2u4]{padding:40px 30px}.identity-copy h1[b-y4d97fd2u4]{font-size:50px}.login-main[b-y4d97fd2u4]{padding:30px}.login-top .secure-label[b-y4d97fd2u4]{display:none}.identity-footer[b-y4d97fd2u4]{flex-direction:column}}@media(max-width:700px){.login-page[b-y4d97fd2u4]{grid-template-columns:1fr}.identity-panel[b-y4d97fd2u4]{padding:24px;min-height:180px}.login-brand[b-y4d97fd2u4]{width:190px}.identity-copy[b-y4d97fd2u4]{padding:30px 0 5px;margin:0}.identity-copy h1[b-y4d97fd2u4]{font-size:31px;margin:8px 0}.identity-copy h1 br[b-y4d97fd2u4]{display:none}.identity-copy p[b-y4d97fd2u4],.identity-copy .overline[b-y4d97fd2u4],.gold-line[b-y4d97fd2u4],.identity-footer[b-y4d97fd2u4]{display:none}.login-main[b-y4d97fd2u4]{padding:24px;min-height:calc(100svh - 180px)}.login-card[b-y4d97fd2u4]{padding:30px 0 40px}.login-emblem[b-y4d97fd2u4]{display:none}.login-card h2[b-y4d97fd2u4]{font-size:43px}.login-top[b-y4d97fd2u4]{font-size:8px}.login-footer[b-y4d97fd2u4]{font-size:7px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.login-submit[b-y4d97fd2u4],.login-field[b-y4d97fd2u4]  input{transition:none}}

.identity-copy h1:focus[b-y4d97fd2u4]{outline:none}@media(max-width:700px){.identity-copy em[b-y4d97fd2u4]{display:block}.login-field[b-y4d97fd2u4]  input{font-size:16px}.login-field label[b-y4d97fd2u4],.remember-me[b-y4d97fd2u4],.login-submit[b-y4d97fd2u4]{font-size:13px}}

.password-control[b-y4d97fd2u4] { position: relative; }
.password-control[b-y4d97fd2u4]  input { padding-inline-end: 55px; }
.password-control[b-y4d97fd2u4]  input::-ms-reveal { display: none; }
.password-toggle[b-y4d97fd2u4] { position: absolute; inset-inline-end: 4px; top: 4px; display: grid; place-items: center; width: 43px; height: 43px; padding: 10px; border: 0; border-radius: 5px; background: transparent; color: var(--forest); cursor: pointer; }
.password-toggle:hover[b-y4d97fd2u4] { background: var(--paper); }
.password-toggle:focus-visible[b-y4d97fd2u4] { outline: 2px solid var(--forest); outline-offset: -2px; }
.password-toggle svg[b-y4d97fd2u4] { width: 21px; height: 21px; }
.password-toggle .eye-slash[b-y4d97fd2u4] { display: none; }
.password-toggle[aria-pressed="true"] .eye-slash[b-y4d97fd2u4] { display: block; }
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.profile-heading[b-8hxjq0xklv] { margin-bottom: 28px; }
.profile-heading h2[b-8hxjq0xklv] { margin: 9px 0 8px; color: var(--ink); font-size: 25px; font-weight: 750; letter-spacing: -.035em; line-height: 1.3; }
.profile-heading p[b-8hxjq0xklv] { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.profile-summary[b-8hxjq0xklv] { display: flex; align-items: center; gap: 15px; padding: 21px; margin-bottom: 30px; background: var(--paper); border: 1px solid var(--line); border-radius: 11px; }
.profile-avatar[b-8hxjq0xklv] { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; background: var(--mint); color: var(--forest); border: 1px solid rgb(23 63 50 / 7%); border-radius: 50%; font-size: 16px; font-weight: 750; }
.profile-summary strong[b-8hxjq0xklv] { display: block; font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }
.profile-summary div > span[b-8hxjq0xklv] { display: block; margin-top: 5px; font-size: 10px; color: var(--muted); line-height: 1.7; }
.profile-field[b-8hxjq0xklv] { margin-bottom: 26px; }
.profile-field label[b-8hxjq0xklv] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 12px; font-weight: 700; color: var(--ink); }
.profile-field label > span[b-8hxjq0xklv] { padding: 3px 7px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 9px; font-weight: 500; }
.profile-field small[b-8hxjq0xklv] { display: block; margin-top: 9px; color: var(--muted); font-size: 10px; line-height: 1.8; }
.profile-field[b-8hxjq0xklv]  .form-control { min-height: 49px; }
.profile-field[b-8hxjq0xklv]  .validation-message { display: block; margin-top: 6px; }
.profile-actions[b-8hxjq0xklv] { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 32px; padding-top: 25px; border-top: 1px solid var(--line); }
.profile-actions p[b-8hxjq0xklv] { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.8; }
.profile-actions button[b-8hxjq0xklv] { gap: 20px; white-space: nowrap; }
.profile-actions button > span[b-8hxjq0xklv] { font-size: 18px; font-weight: 400; }
@media (max-width: 600px) {
    .profile-heading h2[b-8hxjq0xklv] { font-size: 22px; }
    .profile-summary[b-8hxjq0xklv] { padding: 16px; gap: 12px; }
    .profile-avatar[b-8hxjq0xklv] { flex-basis: 42px; width: 42px; height: 42px; font-size: 14px; }
    .profile-actions[b-8hxjq0xklv] { flex-direction: column; align-items: stretch; gap: 15px; }
    .profile-actions p[b-8hxjq0xklv] { order: 2; text-align: center; }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.settings-heading[b-ilnlxp5yht] { margin-bottom: 38px; }
.settings-heading h1[b-ilnlxp5yht] { font-size: clamp(2rem, 3.4vw, 3rem); }
.settings-heading p[b-ilnlxp5yht] { font-size: 13px; line-height: 1.8; }
.account-settings[b-ilnlxp5yht] { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 34px; align-items: start; max-width: 1120px; }
.settings-sidebar[b-ilnlxp5yht] { min-width: 0; }
.settings-caption[b-ilnlxp5yht] { display: block; margin: 0 14px 15px; font-size: 9px; font-weight: 750; letter-spacing: .14em; color: var(--muted); }
.settings-note[b-ilnlxp5yht] { display: flex; align-items: flex-start; gap: 12px; border-top: 1px solid var(--line); margin: 27px 14px 0; padding-top: 24px; }
.settings-note svg[b-ilnlxp5yht] { width: 21px; height: 21px; flex-shrink: 0; color: var(--forest); }
.settings-note strong[b-ilnlxp5yht] { display: block; font-size: 11px; font-weight: 700; }
.settings-note p[b-ilnlxp5yht] { margin: 7px 0 0; font-size: 10px; line-height: 1.8; color: var(--muted); }
.settings-card[b-ilnlxp5yht] { min-width: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 34px; box-shadow: 0 6px 24px rgb(25 49 40 / 2%); }
.settings-card[b-ilnlxp5yht]  h3 { margin: 0 0 25px; font-size: 23px; letter-spacing: -.025em; }
.settings-card[b-ilnlxp5yht]  p, .settings-card[b-ilnlxp5yht]  li { font-size: 12px; line-height: 1.85; color: var(--muted); }
.settings-card[b-ilnlxp5yht]  a { color: var(--forest); text-underline-offset: 3px; }
.settings-card[b-ilnlxp5yht]  .row { display: block; }
.settings-card[b-ilnlxp5yht]  .row > div { width: 100%; }
.settings-card[b-ilnlxp5yht]  .form-floating { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; margin: 0 0 23px; }
.settings-card[b-ilnlxp5yht]  .form-floating > label { grid-row: 1; font-size: 11px; font-weight: 700; }
.settings-card[b-ilnlxp5yht]  .form-floating > input { grid-row: 2; }
.settings-card[b-ilnlxp5yht]  .form-floating > .validation-message { grid-row: 3; }
.settings-card[b-ilnlxp5yht]  .form-control, .settings-card[b-ilnlxp5yht]  select { display: block; width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; background: var(--surface); color: var(--ink); font: inherit; font-size: 13px; }
.settings-card[b-ilnlxp5yht]  .form-control:focus { outline: 3px solid rgb(23 63 50 / 10%); outline-offset: 1px; border-color: var(--forest); }
.settings-card[b-ilnlxp5yht]  .form-control:disabled { background: var(--paper); color: var(--muted); cursor: default; opacity: 1; }
.settings-card[b-ilnlxp5yht]  .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 11px 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--forest); font: inherit; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; }
.settings-card[b-ilnlxp5yht]  .btn-primary { border-color: var(--forest); background: var(--forest); color: white; }
.settings-card[b-ilnlxp5yht]  .btn-primary:hover { filter: brightness(1.12); }
.settings-card[b-ilnlxp5yht]  .btn-danger, .settings-card[b-ilnlxp5yht]  .alert-danger { background: #fceceb; color: #a52c32; }
.settings-card[b-ilnlxp5yht]  .alert { padding: 14px 16px; border-radius: 8px; margin: 0 0 24px; font-size: 12px; line-height: 1.7; }
.settings-card[b-ilnlxp5yht]  .alert-success { background: #e5f1e5; color: var(--forest); }
.settings-card[b-ilnlxp5yht]  .alert-warning { background: #fff5de; color: #765c24; }
.settings-card[b-ilnlxp5yht]  .text-danger, .settings-card[b-ilnlxp5yht]  .validation-message { color: #a52c32; font-size: 11px; line-height: 1.7; }
.settings-card[b-ilnlxp5yht]  .validation-errors { padding-left: 18px; }
.settings-card[b-ilnlxp5yht]  .validation-errors:empty { display: none; }
.settings-card[b-ilnlxp5yht]  .input-group-append { justify-self: end; color: var(--forest); }
.settings-card[b-ilnlxp5yht]  hr { border: 0; border-top: 1px solid var(--line); margin: 24px 0; }
@media (max-width: 980px) {
    .account-settings[b-ilnlxp5yht] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .settings-heading[b-ilnlxp5yht] { margin-bottom: 25px; }
    .settings-caption[b-ilnlxp5yht], .settings-note[b-ilnlxp5yht] { display: none; }
}
@media (max-width: 600px) {
    .settings-card[b-ilnlxp5yht] { padding: 24px 20px; border-radius: 14px; }
    .settings-card[b-ilnlxp5yht]  .form-control { font-size: 16px; }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.settings-nav[b-k6kd3dzhl8] { display: grid; gap: 5px; }
.settings-nav[b-k6kd3dzhl8]  .settings-link { display: flex; align-items: center; gap: 13px; padding: 15px 14px; border: 1px solid transparent; border-radius: 11px; color: var(--muted); text-decoration: none; transition: background .15s, color .15s; }
.settings-nav[b-k6kd3dzhl8]  .settings-link svg { flex: 0 0 21px; width: 21px; height: 21px; }
.settings-nav[b-k6kd3dzhl8]  .settings-link strong { display: block; color: var(--ink); font-size: 12px; font-weight: 700; line-height: 1.5; }
.settings-nav[b-k6kd3dzhl8]  .settings-link small { display: block; margin-top: 3px; font-size: 10px; line-height: 1.5; }
.settings-nav[b-k6kd3dzhl8]  .settings-link:hover { background: var(--surface); color: var(--forest); }
.settings-nav[b-k6kd3dzhl8]  .settings-link.active { background: var(--surface); border-color: var(--line); color: var(--forest); box-shadow: 0 3px 10px rgb(25 49 40 / 3%); }
.settings-nav[b-k6kd3dzhl8]  .settings-link.active strong { color: var(--forest); }
@media (max-width: 980px) {
    .settings-nav[b-k6kd3dzhl8] { display: flex; gap: 7px; overflow-x: auto; padding: 3px 2px 9px; scrollbar-width: thin; }
    .settings-nav[b-k6kd3dzhl8]  .settings-link { flex: 0 0 auto; padding: 11px 13px; gap: 8px; min-height: 46px; }
    .settings-nav[b-k6kd3dzhl8]  .settings-link svg { width: 18px; height: 18px; flex-basis: 18px; }
    .settings-nav[b-k6kd3dzhl8]  .settings-link small { display: none; }
    .settings-nav[b-k6kd3dzhl8]  .settings-link strong { font-size: 11px; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .settings-nav[b-k6kd3dzhl8]  .settings-link { transition: none; } }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mazkolvq33],
.components-reconnect-repeated-attempt-visible[b-mazkolvq33],
.components-reconnect-failed-visible[b-mazkolvq33],
.components-pause-visible[b-mazkolvq33],
.components-resume-failed-visible[b-mazkolvq33],
.components-rejoining-animation[b-mazkolvq33] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-retrying[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-failed[b-mazkolvq33],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mazkolvq33] {
    display: block;
}


#components-reconnect-modal[b-mazkolvq33] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mazkolvq33 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-mazkolvq33 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mazkolvq33 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-mazkolvq33]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mazkolvq33 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mazkolvq33 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mazkolvq33 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mazkolvq33 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mazkolvq33] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mazkolvq33] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mazkolvq33] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-mazkolvq33] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-mazkolvq33] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-mazkolvq33] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-mazkolvq33] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-mazkolvq33 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-mazkolvq33] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-mazkolvq33 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
