/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.skip-link[b-itdt1gerpi] {
    position: fixed;
    z-index: 1000;
    inset-block-start: 0.75rem;
    inset-inline-start: 0.75rem;
    transform: translateY(-180%);
    border: 2px solid #fff;
    background: #063548;
    padding: 0.7rem 1rem;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
}

.skip-link:focus[b-itdt1gerpi] {
    transform: translateY(0);
    outline: 3px solid #00afd0;
    outline-offset: 2px;
}

.auth-shell[b-itdt1gerpi] {
    position: relative;
    display: grid;
    min-height: 100vh;
    min-height: 100svh;
    place-items: center;
    overflow: hidden;
    background: #e7f0f3;
    padding: clamp(1rem, 3vw, 2.5rem);
}

.auth-shell[b-itdt1gerpi]::before,
.auth-shell[b-itdt1gerpi]::after {
    position: fixed;
    z-index: 0;
    content: "";
    pointer-events: none;
}

.auth-shell[b-itdt1gerpi]::before {
    inset-block-start: 0;
    inset-inline: 0;
    height: clamp(0.45rem, 1vw, 0.8rem);
    background: #00afd0;
}

.auth-shell[b-itdt1gerpi]::after {
    inset-block-end: 0;
    inset-inline-end: 0;
    width: min(24vw, 18rem);
    height: min(24vw, 18rem);
    background: #d4e6eb;
}

.auth-frame[b-itdt1gerpi] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(17rem, 20rem) minmax(0, 1fr);
    width: min(100%, 63rem);
    min-height: min(46rem, calc(100svh - 3rem));
    border: 1px solid #bfd0d6;
    background: #fff;
    box-shadow: 0 1.25rem 3.5rem rgba(6, 53, 72, 0.2);
}

.auth-context[b-itdt1gerpi] {
    display: flex;
    min-width: 0;
    border-block-start: 0.45rem solid #00afd0;
    background: #063548;
    padding: clamp(1.4rem, 3vw, 2.25rem);
    color: #fff;
    flex-direction: column;
}

.brand-row[b-itdt1gerpi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.brand-link[b-itdt1gerpi] {
    display: block;
    width: fit-content;
    background: #fff;
    padding: 0.7rem 0.8rem;
}

.brand-link:focus-visible[b-itdt1gerpi],
.public-home-link:focus-visible[b-itdt1gerpi],
.auth-toolbar[b-itdt1gerpi]  .language-switcher a:focus-visible {
    outline: 3px solid rgba(0, 175, 208, 0.45);
    outline-offset: 3px;
}

.auth-logo[b-itdt1gerpi] {
    display: block;
    width: 9.5rem;
    max-width: 100%;
    height: auto;
}

.secure-badge[b-itdt1gerpi] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    padding: 0.35rem 0.45rem;
    color: #c9e4ec;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1.25;
}

.secure-badge span[b-itdt1gerpi] {
    display: grid;
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    place-items: center;
    background: #00afd0;
    color: #063548;
    font-size: 0.65rem;
}

.context-copy[b-itdt1gerpi] {
    margin-block: auto;
    padding-block: 2.25rem;
}

.context-kicker[b-itdt1gerpi] {
    display: inline-block;
    border-inline-start: 0.25rem solid #00afd0;
    padding-inline-start: 0.55rem;
    color: #77d8e9;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.context-copy h2[b-itdt1gerpi] {
    margin: 0.75rem 0 0.8rem;
    color: #fff;
    font-size: clamp(1.75rem, 3.2vw, 2.35rem);
    font-weight: 800;
    line-height: 1.12;
}

.context-copy > p[b-itdt1gerpi] {
    margin: 0;
    color: #b9d4dd;
    font-size: 0.83rem;
    line-height: 1.65;
}

.context-features[b-itdt1gerpi] {
    display: grid;
    gap: 0.6rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.context-features li[b-itdt1gerpi] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    border-block-start: 1px solid rgba(255, 255, 255, 0.14);
    padding-block-start: 0.6rem;
    color: #e0eef2;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
}

.context-features span[b-itdt1gerpi] {
    display: grid;
    flex: 0 0 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    background: #00afd0;
    color: #063548;
    font-size: 0.58rem;
    font-weight: 900;
}

.public-home-link[b-itdt1gerpi] {
    display: grid;
    min-height: 2.75rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.38);
    padding: 0.55rem 0.75rem;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.public-home-link:hover[b-itdt1gerpi] {
    border-color: #00afd0;
    background: #00afd0;
    color: #063548;
}

.auth-workspace[b-itdt1gerpi] {
    display: flex;
    min-width: 0;
    background: #fff;
    flex-direction: column;
}

.auth-toolbar[b-itdt1gerpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    border-block-end: 1px solid #d6e1e5;
    padding: 0.8rem clamp(1.25rem, 4vw, 2.5rem);
}

.toolbar-copy strong[b-itdt1gerpi],
.toolbar-copy span[b-itdt1gerpi] {
    display: block;
}

.toolbar-copy strong[b-itdt1gerpi] {
    color: #063548;
    font-size: 0.78rem;
    font-weight: 800;
}

.toolbar-copy span[b-itdt1gerpi] {
    margin-top: 0.1rem;
    color: #607780;
    font-size: 0.66rem;
    line-height: 1.35;
}

.auth-toolbar[b-itdt1gerpi]  .language-switcher {
    flex: 0 0 auto;
}

.auth-toolbar[b-itdt1gerpi]  .language-switcher a {
    display: grid;
    min-height: 2.6rem;
    place-items: center;
    border: 1px solid #00afd0;
    padding: 0.45rem 0.8rem;
    color: #008aaa;
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
    transition: background 150ms ease, color 150ms ease;
}

.auth-toolbar[b-itdt1gerpi]  .language-switcher a:hover {
    background: #00afd0;
    color: #063548;
}

.auth-body[b-itdt1gerpi] {
    width: min(100%, 34rem);
    margin: auto;
    padding: clamp(1.35rem, 4vw, 2.75rem);
    outline: none;
}

.auth-body:focus-visible[b-itdt1gerpi] {
    box-shadow: inset 0.25rem 0 0 #00afd0;
}

.auth-body[b-itdt1gerpi]  h1 {
    color: #063548;
    font-size: 1.7rem;
    font-weight: 800;
    text-align: start;
}

.auth-body[b-itdt1gerpi]  .btn-primary {
    border-radius: 0;
    border-color: #00afd0;
    background: #00afd0;
    color: #063548;
}

.auth-body[b-itdt1gerpi]  .btn-primary:hover,
.auth-body[b-itdt1gerpi]  .btn-primary:focus {
    border-color: #063548;
    background: #063548;
    color: #fff;
}

.auth-body[b-itdt1gerpi]  .auth-footer {
    margin-top: 1.25rem;
    color: #607780;
    font-size: 0.82rem;
    text-align: center;
}

.auth-meta[b-itdt1gerpi] {
    border-block-start: 1px solid #e0e8eb;
    padding: 0.75rem clamp(1.25rem, 4vw, 2.5rem);
    color: #70858d;
    font-size: 0.64rem;
    line-height: 1.35;
    text-align: center;
}

@media (max-width: 47.99rem) {
    .auth-shell[b-itdt1gerpi] {
        display: block;
        overflow: visible;
        background: #fff;
        padding: 0;
    }

    .auth-shell[b-itdt1gerpi]::before,
    .auth-shell[b-itdt1gerpi]::after {
        display: none;
    }

    .auth-frame[b-itdt1gerpi] {
        display: flex;
        width: 100%;
        min-height: 100vh;
        min-height: 100svh;
        border: 0;
        box-shadow: none;
        flex-direction: column;
    }

    .auth-context[b-itdt1gerpi] {
        min-height: auto;
        border-width: 0.35rem;
        padding: 1rem;
    }

    .brand-row[b-itdt1gerpi] {
        align-items: center;
    }

    .brand-link[b-itdt1gerpi] {
        padding: 0.55rem 0.65rem;
    }

    .auth-logo[b-itdt1gerpi] {
        width: 8rem;
    }

    .secure-badge[b-itdt1gerpi] {
        max-width: 9rem;
        font-size: 0.58rem;
    }

    .context-copy[b-itdt1gerpi] {
        margin: 0;
        padding: 1rem 0 0;
    }

    .context-copy h2[b-itdt1gerpi] {
        margin: 0.45rem 0 0.35rem;
        font-size: clamp(1.2rem, 5.5vw, 1.5rem);
    }

    .context-copy > p[b-itdt1gerpi] {
        font-size: 0.73rem;
        line-height: 1.5;
    }

    .context-features[b-itdt1gerpi] {
        display: none;
    }

    .public-home-link[b-itdt1gerpi] {
        width: fit-content;
        min-height: auto;
        margin-top: 0.8rem;
        padding: 0.42rem 0.65rem;
        font-size: 0.66rem;
    }

    .auth-workspace[b-itdt1gerpi] {
        flex: 1 0 auto;
    }

    .auth-toolbar[b-itdt1gerpi] {
        min-height: 4rem;
        padding: 0.65rem 1rem;
    }

    .auth-toolbar[b-itdt1gerpi]  .language-switcher a {
        min-height: 2.4rem;
        padding-inline: 0.7rem;
    }

    .auth-body[b-itdt1gerpi] {
        width: min(100%, 32rem);
        padding: 1.35rem 1rem 2rem;
    }

    .auth-meta[b-itdt1gerpi] {
        padding: 0.7rem 1rem;
    }
}

@media (max-width: 24rem) {
    .context-copy > p[b-itdt1gerpi],
    .toolbar-copy span[b-itdt1gerpi] {
        display: none;
    }

    .secure-badge[b-itdt1gerpi] {
        max-width: 7.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-home-link[b-itdt1gerpi],
    .auth-toolbar[b-itdt1gerpi]  .language-switcher a {
        transition: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-d6d26datpm] {
    position: fixed;
    z-index: 1200;
    inset-block-start: 0.5rem;
    inset-inline-start: 0.5rem;
    padding: 0.7rem 0.9rem;
    background: #00afd0;
    color: #063548;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    transform: translateY(-180%);
    transition: transform 150ms ease;
}

.skip-link:focus[b-d6d26datpm] {
    transform: translateY(0);
}

.dashboard-shell[b-d6d26datpm] {
    display: grid;
    min-height: 100vh;
    min-height: 100svh;
    grid-template-columns: minmax(15rem, 17rem) minmax(0, 1fr);
    background: #edf3f5;
}

.dashboard-sidebar[b-d6d26datpm] {
    position: sticky;
    z-index: 20;
    inset-block-start: 0;
    height: 100vh;
    height: 100svh;
    overflow: hidden;
    border-block-start: 0.4rem solid #00afd0;
    background: #063548;
}

.dashboard-main[b-d6d26datpm] {
    display: flex;
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
    flex-direction: column;
}

.dashboard-header[b-d6d26datpm] {
    position: sticky;
    z-index: 15;
    inset-block-start: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.75rem;
    border-block-start: 0.4rem solid #00afd0;
    border-block-end: 1px solid #cfdee3;
    background: rgba(255, 255, 255, 0.97);
    padding: 0.75rem clamp(1rem, 3vw, 2rem);
    box-shadow: 0 0.25rem 1rem rgba(6, 53, 72, 0.06);
}

.workspace-copy > span[b-d6d26datpm],
.workspace-copy > strong[b-d6d26datpm],
.workspace-copy > small[b-d6d26datpm] {
    display: block;
}

.workspace-copy > span[b-d6d26datpm] {
    color: #008aaa;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.workspace-copy > strong[b-d6d26datpm] {
    margin-top: 0.08rem;
    color: #063548;
    font-size: 1rem;
    font-weight: 800;
}

.workspace-copy > small[b-d6d26datpm] {
    margin-top: 0.08rem;
    color: #647b84;
    font-size: 0.66rem;
    line-height: 1.35;
}

.header-actions[b-d6d26datpm] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.public-site-link[b-d6d26datpm],
.dashboard-header[b-d6d26datpm]  .language-switcher a {
    display: grid;
    min-height: 2.65rem;
    place-items: center;
    border: 1px solid #c6d6dc;
    padding: 0.45rem 0.8rem;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.public-site-link[b-d6d26datpm] {
    color: #536b75;
}

.public-site-link:hover[b-d6d26datpm],
.public-site-link:focus-visible[b-d6d26datpm] {
    border-color: #063548;
    background: #063548;
    color: #fff;
}

.dashboard-header[b-d6d26datpm]  .language-switcher {
    flex: 0 0 auto;
}

.dashboard-header[b-d6d26datpm]  .language-switcher a {
    border-color: #00afd0;
    color: #008aaa;
}

.dashboard-header[b-d6d26datpm]  .language-switcher a:hover,
.dashboard-header[b-d6d26datpm]  .language-switcher a:focus-visible {
    background: #00afd0;
    color: #063548;
}

.public-site-link:focus-visible[b-d6d26datpm],
.dashboard-header[b-d6d26datpm]  .language-switcher a:focus-visible,
.reload:focus-visible[b-d6d26datpm],
.dismiss:focus-visible[b-d6d26datpm] {
    outline: 3px solid rgba(0, 175, 208, 0.32);
    outline-offset: 3px;
}

.dashboard-content[b-d6d26datpm] {
    flex: 1 0 auto;
    min-width: 0;
    padding: clamp(1rem, 3vw, 2rem);
    outline: none;
}

.dashboard-content:focus-visible[b-d6d26datpm] {
    box-shadow: inset 0.25rem 0 0 #00afd0;
}

.content-frame[b-d6d26datpm] {
    width: min(100%, 90rem);
    margin-inline: auto;
}

.dashboard-footer[b-d6d26datpm] {
    border-block-start: 1px solid #d5e1e5;
    background: #e5edef;
    padding: 0.75rem clamp(1rem, 3vw, 2rem);
    color: #6b8088;
    font-size: 0.64rem;
    line-height: 1.35;
    text-align: center;
}

#blazor-error-ui[b-d6d26datpm] {
    color-scheme: light only;
    position: fixed;
    z-index: 1100;
    inset-inline: 1rem;
    inset-block-end: 1rem;
    display: none;
    width: auto;
    max-width: 44rem;
    margin-inline: auto;
    border-block-start: 0.35rem solid #f05a67;
    background: #7a1d27;
    color: #fff;
    box-shadow: 0 1rem 2.5rem rgba(49, 8, 13, 0.3);
}

.error-inner[b-d6d26datpm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 4.5rem;
    padding: 0.75rem;
}

.error-mark[b-d6d26datpm] {
    display: grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: #f05a67;
    color: #fff;
    font-weight: 900;
}

.error-copy[b-d6d26datpm] {
    min-width: 0;
    flex: 1 1 auto;
}

.error-copy strong[b-d6d26datpm],
.error-copy small[b-d6d26datpm] {
    display: block;
}

.error-copy strong[b-d6d26datpm] {
    font-size: 0.82rem;
}

.error-copy small[b-d6d26datpm] {
    margin-top: 0.15rem;
    color: #f7cbd0;
    font-size: 0.68rem;
    line-height: 1.35;
}

.reload[b-d6d26datpm] {
    flex: 0 0 auto;
    border: 1px solid #fff;
    padding: 0.48rem 0.7rem;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.reload:hover[b-d6d26datpm] {
    background: #fff;
    color: #7a1d27;
}

.dismiss[b-d6d26datpm] {
    display: grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
}

.dismiss:hover[b-d6d26datpm] {
    background: rgba(255, 255, 255, 0.14);
}

@media (max-width: 640.98px) {
    .dashboard-shell[b-d6d26datpm] {
        display: block;
    }

    .dashboard-sidebar[b-d6d26datpm] {
        position: relative;
        height: auto;
        min-height: 3.5rem;
        border-width: 0.3rem;
    }

    .dashboard-main[b-d6d26datpm] {
        min-height: calc(100svh - 3.5rem);
    }

    .dashboard-header[b-d6d26datpm] {
        position: relative;
        min-height: 4.25rem;
        border-block-start: 0;
        padding: 0.65rem 1rem;
    }

    .workspace-copy > strong[b-d6d26datpm] {
        font-size: 0.9rem;
    }

    .workspace-copy > small[b-d6d26datpm] {
        display: none;
    }

    .public-site-link[b-d6d26datpm],
    .dashboard-header[b-d6d26datpm]  .language-switcher a {
        min-height: 2.4rem;
        padding-inline: 0.65rem;
        font-size: 0.68rem;
    }

    .dashboard-content[b-d6d26datpm] {
        padding: 1rem;
    }

    .error-inner[b-d6d26datpm] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .error-copy[b-d6d26datpm] {
        flex: 1 1 calc(100% - 2.75rem);
    }

    .reload[b-d6d26datpm] {
        margin-inline-start: 2.75rem;
    }

    .dismiss[b-d6d26datpm] {
        position: absolute;
        inset-block-start: 0.55rem;
        inset-inline-end: 0.55rem;
    }
}

@media (max-width: 25rem) {
    .workspace-copy > span[b-d6d26datpm],
    .public-site-link[b-d6d26datpm] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skip-link[b-d6d26datpm],
    .public-site-link[b-d6d26datpm],
    .dashboard-header[b-d6d26datpm]  .language-switcher a {
        transition: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-h49vr8fcca] {
    display: flex;
    height: 100%;
    min-height: 0;
    background: #063548;
    color: #fff;
    flex-direction: column;
}

.nav-brand-bar[b-h49vr8fcca] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 4.7rem;
    border-block-end: 1px solid rgba(255, 255, 255, 0.16);
    padding: 0.8rem 1rem;
}

.nav-brand[b-h49vr8fcca] {
    display: block;
    width: fit-content;
    padding: 0.55rem 0.65rem;
}

.nav-brand img[b-h49vr8fcca] {
    display: block;
    width: 8.5rem;
    max-width: 100%;
    height: auto;
}

.nav-brand:focus-visible[b-h49vr8fcca],
.nav-link:focus-visible[b-h49vr8fcca],
.logout-button:focus-visible[b-h49vr8fcca] {
    outline: 3px solid rgba(0, 175, 208, 0.55);
    outline-offset: 3px;
}

.nav-toggle[b-h49vr8fcca] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.nav-toggle-button[b-h49vr8fcca] {
    display: none;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.6rem;
    border: 1px solid rgba(255, 255, 255, 0.32);
    padding: 0.45rem 0.65rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 800;
}

.toggle-lines[b-h49vr8fcca],
.toggle-lines[b-h49vr8fcca]::before,
.toggle-lines[b-h49vr8fcca]::after {
    display: block;
    width: 1.15rem;
    height: 2px;
    background: #fff;
    content: "";
    transition: transform 150ms ease, inset 150ms ease;
}

.toggle-lines[b-h49vr8fcca] {
    position: relative;
}

.toggle-lines[b-h49vr8fcca]::before {
    position: absolute;
    inset-block-start: -0.35rem;
}

.toggle-lines[b-h49vr8fcca]::after {
    position: absolute;
    inset-block-start: 0.35rem;
}

.nav-toggle:checked + .nav-brand-bar .toggle-lines[b-h49vr8fcca] {
    background: transparent;
}

.nav-toggle:checked + .nav-brand-bar .toggle-lines[b-h49vr8fcca]::before {
    inset-block-start: 0;
    transform: rotate(45deg);
}

.nav-toggle:checked + .nav-brand-bar .toggle-lines[b-h49vr8fcca]::after {
    inset-block-start: 0;
    transform: rotate(-45deg);
}

.nav-toggle:focus-visible + .nav-brand-bar .nav-toggle-button[b-h49vr8fcca] {
    outline: 3px solid rgba(0, 175, 208, 0.55);
    outline-offset: 3px;
}

.nav-panel[b-h49vr8fcca] {
    display: flex;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
    flex: 1 1 auto;
    flex-direction: column;
    scrollbar-color: #377084 #063548;
    scrollbar-width: thin;
}

.nav-context[b-h49vr8fcca] {
    border-inline-start: 0.25rem solid #00afd0;
    background: #0b4256;
    padding: 0.75rem;
}

.nav-context span[b-h49vr8fcca],
.nav-context strong[b-h49vr8fcca],
.nav-context small[b-h49vr8fcca] {
    display: block;
}

.nav-context span[b-h49vr8fcca] {
    color: #77d8e9;
    font-size: 0.57rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nav-context strong[b-h49vr8fcca] {
    margin-top: 0.15rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
}

.nav-context small[b-h49vr8fcca] {
    margin-top: 0.12rem;
    color: #b9d4dd;
    font-size: 0.63rem;
    line-height: 1.35;
}

.dashboard-nav[b-h49vr8fcca] {
    display: grid;
    gap: 1rem;
    margin-top: 1.15rem;
}

.nav-group[b-h49vr8fcca] {
    display: grid;
    gap: 0.4rem;
}

.nav-group-label[b-h49vr8fcca] {
    padding-inline: 0.2rem;
    color: #8db0bc;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nav-group[b-h49vr8fcca]  .nav-link {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 3.65rem;
    border-inline-start: 0.25rem solid transparent;
    background: transparent;
    padding: 0.55rem;
    color: #d7e7ec;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.nav-group[b-h49vr8fcca]  .nav-link:hover {
    background: #124e63;
    color: #fff;
}

.nav-group[b-h49vr8fcca]  .nav-link.active {
    border-color: #00afd0;
    background: #e8f8fb;
    color: #063548;
}

.nav-tile[b-h49vr8fcca] {
    display: grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: #176077;
    color: #bfe7ef;
    font-size: 0.6rem;
    font-weight: 900;
}

.nav-group[b-h49vr8fcca]  .nav-link.active .nav-tile {
    background: #00afd0;
    color: #063548;
}

.nav-copy[b-h49vr8fcca] {
    min-width: 0;
}

.nav-copy strong[b-h49vr8fcca],
.nav-copy small[b-h49vr8fcca] {
    display: block;
}

.nav-copy strong[b-h49vr8fcca] {
    font-size: 0.76rem;
    font-weight: 800;
}

.nav-copy small[b-h49vr8fcca] {
    margin-top: 0.1rem;
    color: #9ebdc7;
    font-size: 0.6rem;
    line-height: 1.3;
}

.nav-group[b-h49vr8fcca]  .nav-link.active .nav-copy small {
    color: #4e6e79;
}

.admin-group[b-h49vr8fcca] {
    border-block-start: 1px solid rgba(255, 255, 255, 0.15);
    padding-block-start: 1rem;
}

.nav-footer[b-h49vr8fcca] {
    display: grid;
    gap: 0.75rem;
    margin-top: auto;
    border-block-start: 1px solid rgba(255, 255, 255, 0.16);
    padding-block-start: 1rem;
}

.session-copy[b-h49vr8fcca] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.session-mark[b-h49vr8fcca] {
    display: grid;
    flex: 0 0 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    background: #00afd0;
    color: #063548;
    font-size: 0.68rem;
    font-weight: 900;
}

.session-copy strong[b-h49vr8fcca],
.session-copy small[b-h49vr8fcca] {
    display: block;
}

.session-copy strong[b-h49vr8fcca] {
    color: #fff;
    font-size: 0.7rem;
}

.session-copy small[b-h49vr8fcca] {
    margin-top: 0.1rem;
    color: #9ebdc7;
    font-size: 0.58rem;
    line-height: 1.3;
}

.logout-button[b-h49vr8fcca] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 0;
    background: transparent;
    padding: 0.55rem 0.75rem;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.logout-button span[b-h49vr8fcca] {
    font-size: 1rem;
    line-height: 1;
}

.logout-button:hover[b-h49vr8fcca] {
    border-color: #f05a67;
    background: #f05a67;
    color: #fff;
}

@media (max-width: 640.98px) {
    .nav-shell[b-h49vr8fcca] {
        height: auto;
    }

    .nav-brand-bar[b-h49vr8fcca] {
        min-height: 3.9rem;
        padding: 0.55rem 1rem;
    }

    .nav-brand[b-h49vr8fcca] {
        padding: 0.42rem 0.52rem;
    }

    .nav-brand img[b-h49vr8fcca] {
        width: 7.5rem;
    }

    .nav-toggle-button[b-h49vr8fcca] {
        display: flex;
    }

    .nav-panel[b-h49vr8fcca] {
        display: none;
        max-height: calc(100svh - 3.9rem);
        padding: 1rem;
    }

    .nav-toggle:checked ~ .nav-panel[b-h49vr8fcca] {
        display: flex;
    }

    .nav-context[b-h49vr8fcca] {
        display: none;
    }

    .dashboard-nav[b-h49vr8fcca] {
        margin-top: 0;
    }

    .nav-footer[b-h49vr8fcca] {
        margin-top: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .toggle-lines[b-h49vr8fcca],
    .toggle-lines[b-h49vr8fcca]::before,
    .toggle-lines[b-h49vr8fcca]::after,
    .nav-group[b-h49vr8fcca]  .nav-link,
    .logout-button[b-h49vr8fcca] {
        transition: none;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public-shell[b-km0l271yxz] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: #0a2a33;
    background: #fff;
}

.skip-link[b-km0l271yxz] {
    position: fixed;
    inset-block-start: .5rem;
    inset-inline-start: .5rem;
    z-index: 1100;
    padding: .7rem 1rem;
    color: #fff;
    background: #0a2a33;
    transform: translateY(-180%);
}

.skip-link:focus[b-km0l271yxz] {
    transform: translateY(0);
}

.public-header[b-km0l271yxz] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-top: 4px solid #00b4d8;
    border-bottom: 1px solid #d9e4e7;
    background: rgba(255, 255, 255, .97);
    backdrop-filter: blur(10px);
}

.public-header-inner[b-km0l271yxz] {
    position: relative;
    width: min(100% - 2rem, 1180px);
    min-height: 4.25rem;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.public-brand[b-km0l271yxz] {
    flex: 0 0 auto;
    line-height: 0;
}

.public-brand img[b-km0l271yxz] {
    width: 8.7rem;
    height: 2.8rem;
    object-fit: contain;
}

.public-nav-toggle[b-km0l271yxz] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.public-menu-button[b-km0l271yxz] {
    width: 3rem;
    height: 3rem;
    margin: 0;
    display: grid;
    place-content: center;
    gap: .28rem;
    border: 1px solid #b8cdd2;
    background: #edf2f4;
    cursor: pointer;
}

.public-nav-toggle:focus-visible + .public-menu-button[b-km0l271yxz] {
    outline: 3px solid rgba(0, 175, 208, .55);
    outline-offset: 3px;
}

.public-menu-button > span:not(.visually-hidden)[b-km0l271yxz] {
    width: 1.35rem;
    height: 2px;
    display: block;
    background: #0a2a33;
}

.public-nav[b-km0l271yxz] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: -1rem;
    display: none;
    padding: .75rem 1rem 1rem;
    border-bottom: 1px solid #c8d8dc;
    background: #fff;
    box-shadow: 0 14px 30px rgba(10, 42, 51, .12);
}

.public-nav-toggle:checked ~ .public-nav[b-km0l271yxz] {
    display: grid;
}

.public-nav a[b-km0l271yxz],
.public-nav[b-km0l271yxz]  .public-nav-link {
    min-height: 3rem;
    padding: .7rem .8rem;
    display: flex;
    align-items: center;
    color: #0a2a33;
    font-weight: 700;
    text-decoration: none;
}

.public-nav a:hover[b-km0l271yxz],
.public-nav[b-km0l271yxz]  .public-nav-link:hover {
    color: #007d98;
    background: #f2f7f8;
}

.public-nav[b-km0l271yxz]  .public-dashboard-link {
    margin-block: .35rem;
    justify-content: center;
    color: #007d98;
    border: 1px solid #00b4d8;
    background: transparent;
}

.public-nav[b-km0l271yxz]  .public-dashboard-link:hover {
    color: #0a2a33;
    background: #e9f9fc;
}

.public-nav[b-km0l271yxz]  a.active,
.public-nav[b-km0l271yxz]  a.active:hover {
    color: #0a2a33;
    background: #00b4d8;
}

.public-nav[b-km0l271yxz]  .language-switcher {
    min-height: 3rem;
    padding-inline: .8rem;
}

.public-main[b-km0l271yxz] {
    flex: 1;
}

.public-footer[b-km0l271yxz] {
    padding-block: 2.5rem;
    color: rgba(255, 255, 255, .76);
    background: #071f26;
}

.public-footer-inner[b-km0l271yxz] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
    display: grid;
    gap: 1.75rem;
}

.footer-brand img[b-km0l271yxz] {
    width: 9rem;
    height: auto;
    padding: .35rem;
    background: #fff;
}

.footer-brand p[b-km0l271yxz] {
    max-width: 30rem;
    margin: .85rem 0 0;
    line-height: 1.65;
}

.public-footer nav[b-km0l271yxz] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
}

.public-footer nav a[b-km0l271yxz] {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.public-footer nav a:hover[b-km0l271yxz] {
    color: #48cae4;
}

.public-footer small[b-km0l271yxz] {
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

#blazor-error-ui[b-km0l271yxz] {
    color-scheme: light only;
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    padding: .75rem 3rem .75rem 1.25rem;
    color: #3a2b00;
    background: #fff3cd;
    box-shadow: 0 -2px 10px rgba(10, 42, 51, .15);
}

#blazor-error-ui .dismiss[b-km0l271yxz] {
    position: absolute;
    inset-inline-end: 1rem;
    cursor: pointer;
}

@media (min-width: 1180px) {
    .public-header-inner[b-km0l271yxz],
    .public-footer-inner[b-km0l271yxz] {
        width: min(100% - 3rem, 1180px);
    }

    .public-menu-button[b-km0l271yxz] {
        display: none;
    }

    .public-nav[b-km0l271yxz] {
        position: static;
        display: flex;
        align-items: center;
        gap: .1rem;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .public-nav a[b-km0l271yxz],
    .public-nav[b-km0l271yxz]  .public-nav-link {
        min-height: 2.75rem;
        padding: .6rem .7rem;
        white-space: nowrap;
    }

    .public-nav[b-km0l271yxz]  .public-dashboard-link {
        margin: 0 .35rem;
        padding-inline: 1rem;
    }

    .public-nav[b-km0l271yxz]  .language-switcher {
        min-height: auto;
        padding-inline: .35rem 0;
        font-size: .82rem;
    }

    .public-footer-inner[b-km0l271yxz] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .public-footer small[b-km0l271yxz] {
        grid-column: 1 / -1;
    }
}

@media (forced-colors: active) {
    .public-menu-button[b-km0l271yxz],
    .public-nav[b-km0l271yxz]  .public-dashboard-link {
        border: 1px solid ButtonText;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-htbgia258i],
.components-reconnect-repeated-attempt-visible[b-htbgia258i],
.components-reconnect-failed-visible[b-htbgia258i],
.components-pause-visible[b-htbgia258i],
.components-resume-failed-visible[b-htbgia258i],
.components-rejoining-animation[b-htbgia258i] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-htbgia258i],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-htbgia258i],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-htbgia258i],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-htbgia258i],
#components-reconnect-modal.components-reconnect-retrying[b-htbgia258i],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-htbgia258i],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-htbgia258i],
#components-reconnect-modal.components-reconnect-failed[b-htbgia258i],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-htbgia258i] {
    display: block;
}


#components-reconnect-modal[b-htbgia258i] {
    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-htbgia258i 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-htbgia258i 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-htbgia258i 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-htbgia258i]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-htbgia258i 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-htbgia258i {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-htbgia258i {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-htbgia258i {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-htbgia258i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-htbgia258i] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-htbgia258i] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-htbgia258i] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-htbgia258i] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-htbgia258i] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-htbgia258i] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-htbgia258i 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-htbgia258i] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-htbgia258i {
    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;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-container[b-hmgzmni2da] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.about-hero[b-hmgzmni2da] {
    overflow: hidden;
    border-bottom: 1px solid #cbdde1;
    background:
        linear-gradient(140deg, rgba(0, 180, 216, .14), transparent 46%),
        #f8fbfc;
}

.about-hero-grid[b-hmgzmni2da] {
    display: grid;
    gap: 2rem;
    align-items: end;
    padding-block: 3.5rem;
}

.about-eyebrow[b-hmgzmni2da] {
    margin: 0 0 .85rem;
    color: #007d98;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.about-hero h1[b-hmgzmni2da] {
    max-width: 850px;
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2.5rem, 10vw, 5rem);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: .98;
}

.about-lead[b-hmgzmni2da] {
    max-width: 750px;
    margin: 1.4rem 0 0;
    color: #4d666e;
    font-size: clamp(1.05rem, 3vw, 1.25rem);
    line-height: 1.75;
}

.about-manifesto[b-hmgzmni2da] {
    display: grid;
    border: 1px solid #0a2a33;
    background: #fff;
    box-shadow: .55rem .55rem 0 #f39c12;
}

.about-manifesto span[b-hmgzmni2da] {
    min-height: 3.4rem;
    padding: .8rem 1rem;
    display: flex;
    align-items: center;
    color: #0a2a33;
    font-weight: 800;
}

.about-manifesto span + span[b-hmgzmni2da] {
    border-top: 1px solid #b9cdd2;
}

.about-manifesto span[b-hmgzmni2da]::before {
    content: "✓";
    margin-inline-end: .65rem;
    color: #00839f;
    font-weight: 900;
}

.about-section[b-hmgzmni2da] {
    padding-block: 4.5rem;
}

.about-section-heading h2[b-hmgzmni2da],
.community-grid h2[b-hmgzmni2da],
.about-cta h2[b-hmgzmni2da] {
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2rem, 6vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.about-section-heading > p:not(.about-eyebrow)[b-hmgzmni2da],
.community-grid > p[b-hmgzmni2da],
.about-cta p[b-hmgzmni2da] {
    margin: 1rem 0 0;
    color: #587078;
    font-size: 1.05rem;
    line-height: 1.75;
}

.story-grid[b-hmgzmni2da],
.ecosystem-grid[b-hmgzmni2da] {
    display: grid;
    gap: 2.5rem;
}

.story-facts[b-hmgzmni2da] {
    border-top: 4px solid #00b4d8;
}

.story-facts article[b-hmgzmni2da] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 1rem;
    padding-block: 1.35rem;
    border-bottom: 1px solid #cddde1;
}

.story-facts article > span[b-hmgzmni2da] {
    color: #00839f;
    font-size: .78rem;
    font-weight: 900;
}

.story-facts h3[b-hmgzmni2da] {
    margin: 0 0 .3rem;
    color: #0a2a33;
    font-size: 1.1rem;
    font-weight: 800;
}

.story-facts p[b-hmgzmni2da] {
    margin: 0;
    color: #60777e;
    line-height: 1.6;
}

.values-section[b-hmgzmni2da] {
    background: #edf2f4;
}

.compact-heading[b-hmgzmni2da] {
    max-width: 720px;
    margin-bottom: 2rem;
}

.values-grid[b-hmgzmni2da] {
    display: grid;
    gap: .75rem;
}

.value-card[b-hmgzmni2da] {
    min-height: 14rem;
    padding: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.value-card > span[b-hmgzmni2da] {
    margin-inline-start: auto;
    font-size: .75rem;
    font-weight: 900;
    opacity: .7;
}

.value-card h3[b-hmgzmni2da] {
    margin: auto 0 .65rem;
    font-size: 1.35rem;
    font-weight: 800;
}

.value-card p[b-hmgzmni2da] {
    margin: 0;
    line-height: 1.65;
}

.value-cyan[b-hmgzmni2da] {
    color: #09262e;
    background: #00b4d8;
}

.value-navy[b-hmgzmni2da] {
    color: #fff;
    background: #0a2a33;
}

.value-orange[b-hmgzmni2da] {
    color: #10252b;
    background: #f39c12;
}

.value-white[b-hmgzmni2da] {
    color: #0a2a33;
    border: 1px solid #b8cdd2;
    background: #fff;
}

.ecosystem-section[b-hmgzmni2da] {
    color: #fff;
    background: #0a2a33;
}

.ecosystem-section .about-eyebrow[b-hmgzmni2da] {
    color: #48cae4;
}

.ecosystem-section .about-section-heading h2[b-hmgzmni2da],
.ecosystem-section .about-section-heading > p:not(.about-eyebrow)[b-hmgzmni2da] {
    color: #fff;
}

.ecosystem-section .about-section-heading > p:not(.about-eyebrow)[b-hmgzmni2da] {
    opacity: .72;
}

.ecosystem-list[b-hmgzmni2da] {
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.ecosystem-list > div[b-hmgzmni2da] {
    padding-block: 1.35rem;
    display: grid;
    gap: .35rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.ecosystem-list strong[b-hmgzmni2da] {
    color: #48cae4;
    font-size: 1.1rem;
}

.ecosystem-list span[b-hmgzmni2da] {
    color: rgba(255, 255, 255, .72);
    line-height: 1.65;
}

.about-community[b-hmgzmni2da] {
    padding-block: 4rem;
    background: #fff;
}

.community-grid[b-hmgzmni2da] {
    display: grid;
    gap: 1.25rem 3rem;
}

.community-grid > p[b-hmgzmni2da] {
    margin: 0;
}

.about-cta[b-hmgzmni2da] {
    color: #0a2a33;
    background: #00a7c8;
}

.about-cta-inner[b-hmgzmni2da] {
    display: grid;
    gap: 1.5rem;
    align-items: center;
    padding-block: 3rem;
}

.about-cta p[b-hmgzmni2da] {
    color: #0a2a33;
}

.about-actions[b-hmgzmni2da] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.about-button[b-hmgzmni2da] {
    min-height: 3.25rem;
    padding: .8rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0a2a33;
    border-radius: .35rem;
    color: #0a2a33;
    font-weight: 800;
    text-decoration: none;
    transition: transform 150ms ease, background-color 150ms ease;
}

.about-button:hover[b-hmgzmni2da] {
    transform: translateY(-2px);
    color: #0a2a33;
}

.about-button:focus-visible[b-hmgzmni2da] {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.about-button-primary[b-hmgzmni2da] {
    background: #fff;
}

.about-button-secondary[b-hmgzmni2da] {
    background: transparent;
}

.about-button-secondary:hover[b-hmgzmni2da] {
    background: rgba(255, 255, 255, .28);
}

@media (min-width: 700px) {
    .about-container[b-hmgzmni2da] {
        width: min(100% - 3rem, 1180px);
    }

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

    .community-grid[b-hmgzmni2da],
    .about-cta-inner[b-hmgzmni2da] {
        grid-template-columns: 1.1fr .9fr;
    }

    .about-cta-inner[b-hmgzmni2da] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (min-width: 960px) {
    .about-hero-grid[b-hmgzmni2da] {
        grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
        min-height: 560px;
        padding-block: 5rem;
    }

    .story-grid[b-hmgzmni2da],
    .ecosystem-grid[b-hmgzmni2da] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 5rem;
        align-items: start;
    }

    .values-grid[b-hmgzmni2da] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-button[b-hmgzmni2da] {
        transition: none;
    }
}
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
.account-page[b-b0dykdtcjq] {
    --account-navy: #073e4f;
    --account-cyan: #02adcc;
    --account-coral: #ec5b4f;
    --account-ink: #102e38;
    --account-muted: #61747b;
    --account-line: #dce6e9;
    width: min(100%, 60rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--account-ink);
}

.back-link[b-b0dykdtcjq] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.account-hero[b-b0dykdtcjq] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    margin-block-end: clamp(1.5rem, 5vw, 2.5rem);
    padding: clamp(1.5rem, 5vw, 2.75rem);
    color: #fff;
    background: var(--account-navy);
    border-block-start: .45rem solid var(--account-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.account-hero[b-b0dykdtcjq]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-b0dykdtcjq],
.hero-meta[b-b0dykdtcjq] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-b0dykdtcjq] {
    display: block;
    margin-block-end: .45rem;
    color: var(--account-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-b0dykdtcjq] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.9rem, 6vw, 3rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-b0dykdtcjq] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.04rem);
    line-height: 1.65;
}

.hero-meta[b-b0dykdtcjq] {
    display: grid;
    gap: 1rem 1.5rem;
    margin: 0;
}

.hero-meta div[b-b0dykdtcjq] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.hero-meta dt[b-b0dykdtcjq] {
    color: rgb(255 255 255 / 58%);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-meta dd[b-b0dykdtcjq] {
    margin: 0;
    color: #fff;
    font-size: .92rem;
    font-weight: 750;
}

.status-pill[b-b0dykdtcjq] {
    display: inline-flex;
    padding: .4rem .7rem;
    align-items: center;
    gap: .45rem;
    color: #3f3011;
    background: #f7d48e;
    font-size: .74rem;
    font-weight: 800;
}

.status-dot[b-b0dykdtcjq] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #bc7f14;
}

.status-pill.is-verified[b-b0dykdtcjq] { color: #104e3b; background: #bce9d8; }
.status-pill.is-verified .status-dot[b-b0dykdtcjq] { background: #238163; }

.feedback[b-b0dykdtcjq] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--account-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-b0dykdtcjq] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-b0dykdtcjq] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-b0dykdtcjq] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-b0dykdtcjq] { border-inline-start: .35rem solid var(--account-coral); }
.error-feedback > span[b-b0dykdtcjq] { background: var(--account-coral); }

.account-form[b-b0dykdtcjq] { margin-block-end: 1.25rem; }

.form-section[b-b0dykdtcjq] {
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--account-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.form-section-heading[b-b0dykdtcjq] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--account-line);
}

.section-number[b-b0dykdtcjq] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--account-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.section-number.coral-number[b-b0dykdtcjq] { background: var(--account-coral); }

.form-section-heading h2[b-b0dykdtcjq] {
    margin: 0;
    color: var(--account-ink);
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.form-section-heading p[b-b0dykdtcjq] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--account-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.field-grid[b-b0dykdtcjq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.field[b-b0dykdtcjq] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-b0dykdtcjq] {
    margin-block-end: .42rem;
    color: var(--account-ink);
    font-size: .78rem;
    font-weight: 800;
}

.account-page[b-b0dykdtcjq]  .account-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--account-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.account-page[b-b0dykdtcjq]  .account-input:hover { border-color: #829ca3; }

.account-page[b-b0dykdtcjq]  .account-input:focus {
    border-color: var(--account-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.account-page[b-b0dykdtcjq]  .account-input:disabled {
    color: #5c7077;
    background: #eef3f4;
    cursor: not-allowed;
}

.account-page[b-b0dykdtcjq]  .account-input.invalid { border-color: var(--account-coral); }

.account-page[b-b0dykdtcjq]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

.field-hint[b-b0dykdtcjq] {
    margin-block-start: .4rem;
    color: var(--account-muted);
    font-size: .72rem;
    line-height: 1.4;
}

.policy-hint[b-b0dykdtcjq] {
    margin: 0;
    padding: .7rem .8rem;
    color: var(--account-muted);
    background: #f2f7f8;
    border-inline-start: .2rem solid var(--account-cyan);
    font-size: .74rem;
    line-height: 1.5;
}

.form-actions[b-b0dykdtcjq] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--account-navy);
    border-block-start: .35rem solid var(--account-cyan);
}

.save-copy[b-b0dykdtcjq] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.save-copy strong[b-b0dykdtcjq] { font-size: .92rem; }

.save-copy span[b-b0dykdtcjq] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
}

.save-button[b-b0dykdtcjq] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1.4rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--account-cyan);
    border-radius: 0;
    color: var(--account-navy);
    background: var(--account-cyan);
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
}

.page-state[b-b0dykdtcjq] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--account-muted);
    text-align: center;
    border: 1px solid var(--account-line);
    background: #f4f8f9;
}

.page-state h1[b-b0dykdtcjq] {
    margin: 0;
    color: var(--account-ink);
    font-size: 1.35rem;
}

.page-state p[b-b0dykdtcjq] { max-width: 36rem; margin: 0; }

.state-mark[b-b0dykdtcjq] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--account-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-b0dykdtcjq] {
    display: inline-flex;
    min-height: 3rem;
    margin-block-start: .35rem;
    padding: .72rem 1.4rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--account-navy);
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
}

.error-state[b-b0dykdtcjq] { border-inline-start: .35rem solid var(--account-coral); }

.loading-mark[b-b0dykdtcjq] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--account-cyan);
    border-radius: 50%;
    animation: account-spin-b-b0dykdtcjq .8s linear infinite;
}

.account-page a:focus-visible[b-b0dykdtcjq],
.account-page button:focus-visible[b-b0dykdtcjq],
.account-page input:focus-visible[b-b0dykdtcjq] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .account-hero[b-b0dykdtcjq] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .hero-meta[b-b0dykdtcjq] {
        grid-auto-flow: column;
        text-align: end;
    }

    .field-grid[b-b0dykdtcjq] { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .span-6[b-b0dykdtcjq] { grid-column: span 6; }
    .span-12[b-b0dykdtcjq] { grid-column: span 12; }

    .form-actions[b-b0dykdtcjq] {
        align-items: center;
        flex-direction: row;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-b0dykdtcjq] { animation: none; }
}
/* /Components/Pages/Admin/AdminMosqueReview.razor.rz.scp.css */
.admin-review-page[b-mzt9feerjs] {
    --review-navy: #073e4f;
    --review-cyan: #02adcc;
    --review-coral: #ec5b4f;
    --review-ink: #102e38;
    --review-muted: #61747b;
    --review-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--review-ink);
}

.back-link[b-mzt9feerjs] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.review-hero[b-mzt9feerjs] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--review-navy);
    border-block-start: .45rem solid var(--review-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.review-hero[b-mzt9feerjs]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-mzt9feerjs],
.status-summary[b-mzt9feerjs] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-mzt9feerjs] {
    display: block;
    margin-block-end: .45rem;
    color: var(--review-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-mzt9feerjs] {
    max-width: 24ch;
    overflow-wrap: anywhere;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-mzt9feerjs] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.status-summary[b-mzt9feerjs] {
    display: flex;
    width: min(100%, 20rem);
    padding: 1rem;
    flex-direction: column;
    gap: .45rem;
    border-inline-start: .25rem solid var(--review-cyan);
    background: rgb(255 255 255 / 8%);
}

.status-summary > span[b-mzt9feerjs] {
    color: rgb(255 255 255 / 58%);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.status-summary > small[b-mzt9feerjs] {
    color: rgb(255 255 255 / 68%);
    font-size: .7rem;
}

.status-pill[b-mzt9feerjs] {
    display: inline-flex;
    width: fit-content;
    min-height: 2rem;
    padding: .42rem .65rem;
    align-items: center;
    gap: .45rem;
    font-size: .7rem;
    font-weight: 850;
}

.status-pill i[b-mzt9feerjs] {
    width: .46rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: currentColor;
}

.status-pending[b-mzt9feerjs] { color: #4f390e; background: #f7d48e; }
.status-approved[b-mzt9feerjs] { color: #104e3b; background: #bce9d8; }
.status-rejected[b-mzt9feerjs] { color: #742b24; background: #f6cac6; }
.status-suspended[b-mzt9feerjs] { color: #38494f; background: #d7e0e3; }

.feedback[b-mzt9feerjs] {
    display: flex;
    margin-block: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--review-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-mzt9feerjs] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback > div[b-mzt9feerjs] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.feedback strong[b-mzt9feerjs] { color: var(--review-ink); font-size: .82rem; }
.feedback small[b-mzt9feerjs] { color: var(--review-muted); font-size: .7rem; }

.feedback ul[b-mzt9feerjs] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-mzt9feerjs] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-mzt9feerjs] { border-inline-start: .35rem solid var(--review-coral); }
.error-feedback > span[b-mzt9feerjs] { background: var(--review-coral); }

.review-layout[b-mzt9feerjs] {
    display: grid;
    margin-block-start: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.evidence-column[b-mzt9feerjs] {
    min-width: 0;
}

.review-section[b-mzt9feerjs],
.decision-panel[b-mzt9feerjs] {
    min-width: 0;
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--review-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-mzt9feerjs] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--review-line);
}

.section-number[b-mzt9feerjs] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--review-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-mzt9feerjs] { background: var(--review-coral); }
.decision-number[b-mzt9feerjs] { background: #3bad86; }

.section-heading h2[b-mzt9feerjs] {
    margin: 0;
    color: var(--review-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-mzt9feerjs] {
    max-width: 44rem;
    margin: .25rem 0 0;
    color: var(--review-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.detail-grid[b-mzt9feerjs] {
    display: grid;
    margin: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: .7rem;
}

.detail-grid > div[b-mzt9feerjs] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--review-line);
    background: #f7fafb;
}

.detail-grid dt[b-mzt9feerjs] {
    margin-block-end: .3rem;
    color: #81949a;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.detail-grid dd[b-mzt9feerjs] {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--review-ink);
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.5;
}

.location-detail dd[b-mzt9feerjs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: .55rem;
}

.location-detail a[b-mzt9feerjs],
.document-card > a[b-mzt9feerjs] {
    display: inline-flex;
    min-height: 2.45rem;
    padding: .55rem .75rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    color: #007f98;
    background: #eef7f8;
    border: 1px solid #b9dce2;
    font-size: .7rem;
    font-weight: 850;
    text-decoration: none;
}

.location-detail a b[b-mzt9feerjs],
.document-card > a b[b-mzt9feerjs] { font-size: .8rem; }

.document-card[b-mzt9feerjs] {
    display: grid;
    padding: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    border: 1px solid #b9dce2;
    background: #eef8fa;
    border-inline-start: .35rem solid var(--review-cyan);
}

.document-mark[b-mzt9feerjs] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--review-navy);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.document-card > div[b-mzt9feerjs] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .2rem;
}

.document-card strong[b-mzt9feerjs] {
    color: var(--review-ink);
    font-size: .82rem;
}

.document-card small[b-mzt9feerjs] {
    color: var(--review-muted);
    font-size: .68rem;
    line-height: 1.4;
}

.document-card > a[b-mzt9feerjs],
.document-card > p[b-mzt9feerjs] {
    grid-column: 1 / -1;
}

.document-card > p[b-mzt9feerjs] {
    margin: 0;
    color: var(--review-muted);
    font-size: .66rem;
    line-height: 1.45;
}

.missing-document[b-mzt9feerjs] {
    display: flex;
    padding: 1rem;
    align-items: flex-start;
    gap: .7rem;
    color: #66450e;
    background: #fff5df;
    border-inline-start: .35rem solid #d99a23;
    font-size: .78rem;
    line-height: 1.5;
}

.missing-document > span[b-mzt9feerjs] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #c88d19;
    font-weight: 850;
}

.photo-heading[b-mzt9feerjs] {
    margin-block: 1.25rem .7rem;
    padding-block-end: .6rem;
    border-block-end: 1px solid var(--review-line);
}

.photo-heading h3[b-mzt9feerjs] {
    margin: 0;
    color: var(--review-ink);
    font-size: .85rem;
    font-weight: 800;
}

.photo-grid[b-mzt9feerjs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .8rem;
}

.photo-grid figure[b-mzt9feerjs] {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--review-line);
    background: #f4f8f9;
}

.photo-grid img[b-mzt9feerjs] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 11rem;
    min-width: 0;
    min-height: 0;
    padding: .6rem;
    object-fit: contain;
}

.photo-grid figcaption[b-mzt9feerjs] {
    padding: .65rem;
    color: var(--review-muted);
    background: #fff;
    font-size: .68rem;
    font-weight: 750;
    text-align: center;
}

.no-photos[b-mzt9feerjs] {
    padding: 1rem;
    color: var(--review-muted);
    background: #f4f8f9;
    border: 1px dashed #b8cbd0;
    font-size: .76rem;
    text-align: center;
}

.decision-panel[b-mzt9feerjs] {
    align-self: start;
}

.decision-form[b-mzt9feerjs],
.field[b-mzt9feerjs] {
    display: flex;
    flex-direction: column;
}

.decision-form[b-mzt9feerjs] { gap: 1rem; }

.field label[b-mzt9feerjs] {
    margin-block-end: .42rem;
    color: var(--review-ink);
    font-size: .76rem;
    font-weight: 800;
}

.field small[b-mzt9feerjs] {
    margin-block-start: .4rem;
    color: var(--review-muted);
    font-size: .68rem;
    line-height: 1.45;
}

.admin-review-page[b-mzt9feerjs]  .reason-input {
    width: 100%;
    min-height: 8rem;
    padding: .72rem .8rem;
    resize: vertical;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--review-ink);
    background: #fff;
    font: inherit;
    font-size: .85rem;
    box-shadow: none;
}

.admin-review-page[b-mzt9feerjs]  .reason-input:hover { border-color: #829ca3; }

.admin-review-page[b-mzt9feerjs]  .reason-input:focus {
    border-color: var(--review-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.decision-actions[b-mzt9feerjs] {
    display: grid;
    gap: .65rem;
}

.decision-button[b-mzt9feerjs] {
    display: flex;
    min-height: 4rem;
    padding: .75rem .85rem;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: .18rem;
    border: 1px solid transparent;
    border-radius: 0;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.decision-button strong[b-mzt9feerjs] {
    font-size: .8rem;
    font-weight: 850;
}

.decision-button span[b-mzt9feerjs] {
    font-size: .66rem;
    line-height: 1.4;
}

.approve-button[b-mzt9feerjs] {
    color: #fff;
    background: #238163;
    border-color: #238163;
}

.approve-button span[b-mzt9feerjs] { color: rgb(255 255 255 / 74%); }

.reject-button[b-mzt9feerjs] {
    color: #fff;
    background: #c6473c;
    border-color: #c6473c;
}

.reject-button span[b-mzt9feerjs] { color: rgb(255 255 255 / 74%); }

.suspend-button[b-mzt9feerjs] {
    color: #354950;
    background: #e4ebed;
    border-color: #bac9cd;
}

.suspend-button span[b-mzt9feerjs] { color: #64787e; }

.page-state[b-mzt9feerjs] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--review-muted);
    text-align: center;
    border: 1px solid var(--review-line);
    background: #f4f8f9;
}

.page-state h1[b-mzt9feerjs] {
    margin: 0;
    color: var(--review-ink);
    font-size: 1.25rem;
    font-weight: 800;
}

.page-state p[b-mzt9feerjs] {
    max-width: 36rem;
    margin: 0;
    font-size: .8rem;
    line-height: 1.55;
}

.state-mark[b-mzt9feerjs] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--review-coral);
    font-size: 1.25rem;
    font-weight: 850;
}

.state-button[b-mzt9feerjs] {
    display: inline-flex;
    min-height: 3rem;
    margin-block-start: .35rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--review-navy);
    border: 1px solid var(--review-navy);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.forbidden-state[b-mzt9feerjs],
.error-state[b-mzt9feerjs] { border-inline-start: .4rem solid var(--review-coral); }

.loading-mark[b-mzt9feerjs] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--review-cyan);
    border-radius: 50%;
    animation: review-spin-b-mzt9feerjs .8s linear infinite;
}

.admin-review-page a:focus-visible[b-mzt9feerjs],
.admin-review-page button:focus-visible[b-mzt9feerjs],
.admin-review-page textarea:focus-visible[b-mzt9feerjs] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .review-hero[b-mzt9feerjs] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 20rem);
        align-items: end;
    }

    .status-summary[b-mzt9feerjs] {
        align-items: flex-end;
        justify-self: end;
        text-align: end;
    }

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

    .wide-detail[b-mzt9feerjs] { grid-column: 1 / -1; }

    .location-detail dd[b-mzt9feerjs] {
        align-items: center;
        flex-direction: row;
    }

    .document-card[b-mzt9feerjs] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .document-card > a[b-mzt9feerjs] { grid-column: auto; }
    .document-card > p[b-mzt9feerjs] { grid-column: 2 / -1; }

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

@media (min-width: 64rem) {
    .review-layout[b-mzt9feerjs] {
        grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr);
        align-items: start;
    }

    .decision-panel[b-mzt9feerjs] {
        position: sticky;
        inset-block-start: 5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-mzt9feerjs] { animation: none; }
}
/* /Components/Pages/Admin/AdminVerificationQueue.razor.rz.scp.css */
.admin-queue-page[b-gb2vpcbseg] {
    --queue-navy: #073e4f;
    --queue-cyan: #02adcc;
    --queue-coral: #ec5b4f;
    --queue-ink: #102e38;
    --queue-muted: #61747b;
    --queue-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--queue-ink);
}

.back-link[b-gb2vpcbseg] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.queue-hero[b-gb2vpcbseg] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--queue-navy);
    border-block-start: .45rem solid var(--queue-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.queue-hero[b-gb2vpcbseg]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-gb2vpcbseg],
.hero-metrics[b-gb2vpcbseg] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-gb2vpcbseg] {
    display: block;
    margin-block-end: .45rem;
    color: var(--queue-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-gb2vpcbseg] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-gb2vpcbseg] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-metrics[b-gb2vpcbseg] {
    display: grid;
    max-width: 25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: rgb(255 255 255 / 18%);
}

.hero-metrics > div[b-gb2vpcbseg] {
    display: flex;
    min-width: 0;
    padding: 1rem;
    flex-direction: column;
    gap: .25rem;
    background: rgb(255 255 255 / 8%);
}

.hero-metrics strong[b-gb2vpcbseg] {
    overflow-wrap: anywhere;
    color: var(--queue-cyan);
    font-size: 1.65rem;
    font-weight: 850;
    line-height: 1;
}

.hero-metrics .filter-metric strong[b-gb2vpcbseg] {
    color: #fff;
    font-size: .88rem;
    line-height: 1.25;
}

.hero-metrics span[b-gb2vpcbseg] {
    color: rgb(255 255 255 / 68%);
    font-size: .67rem;
    font-weight: 750;
    line-height: 1.35;
}

.status-filters[b-gb2vpcbseg] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .4rem;
    scrollbar-width: thin;
}

.status-filter[b-gb2vpcbseg] {
    display: inline-flex;
    min-width: max-content;
    min-height: 3rem;
    padding: .65rem .85rem;
    align-items: center;
    gap: .5rem;
    color: var(--queue-ink);
    background: #edf3f4;
    border: 1px solid transparent;
    font-size: .75rem;
    font-weight: 800;
    text-decoration: none;
}

.status-filter i[b-gb2vpcbseg] {
    width: .48rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #87999e;
}

.status-filter:hover[b-gb2vpcbseg] {
    color: #007f98;
    background: #e2eef0;
}

.status-filter.status-pending i[b-gb2vpcbseg] { background: #bc7f14; }
.status-filter.status-approved i[b-gb2vpcbseg] { background: #238163; }
.status-filter.status-rejected i[b-gb2vpcbseg] { background: #c44c42; }
.status-filter.status-suspended i[b-gb2vpcbseg] { background: #667a81; }

.status-filter.active.status-pending[b-gb2vpcbseg] { color: #4f390e; background: #f7d48e; }
.status-filter.active.status-approved[b-gb2vpcbseg] { color: #104e3b; background: #bce9d8; }
.status-filter.active.status-rejected[b-gb2vpcbseg] { color: #742b24; background: #f6cac6; }
.status-filter.active.status-suspended[b-gb2vpcbseg] { color: #38494f; background: #d7e0e3; }

.queue-panel[b-gb2vpcbseg] {
    min-width: 0;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--queue-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-gb2vpcbseg] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--queue-line);
}

.section-number[b-gb2vpcbseg] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--queue-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.section-heading h2[b-gb2vpcbseg] {
    margin: 0;
    color: var(--queue-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-gb2vpcbseg] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--queue-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.review-list[b-gb2vpcbseg] {
    display: grid;
    gap: .75rem;
}

.review-card[b-gb2vpcbseg] {
    position: relative;
    display: grid;
    min-width: 0;
    padding: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .85rem;
    color: var(--queue-ink);
    border: 1px solid var(--queue-line);
    background: #fff;
    text-decoration: none;
}

.review-card[b-gb2vpcbseg]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: .28rem;
    content: "";
    background: var(--queue-cyan);
}

.review-card:hover[b-gb2vpcbseg] {
    border-color: #a9cbd1;
    background: #fbfefe;
    box-shadow: 0 .55rem 1.4rem rgb(16 46 56 / 7%);
}

.mosque-mark[b-gb2vpcbseg] {
    display: grid;
    width: 2.8rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--queue-navy);
    border-block-start: .22rem solid var(--queue-cyan);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .05em;
}

.mosque-copy[b-gb2vpcbseg] {
    min-width: 0;
}

.mosque-copy h3[b-gb2vpcbseg] {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--queue-ink);
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.35;
}

.location[b-gb2vpcbseg],
.mosque-copy time[b-gb2vpcbseg] {
    display: block;
    overflow-wrap: anywhere;
    margin-block-start: .2rem;
    color: var(--queue-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.mosque-copy time[b-gb2vpcbseg] {
    color: #8a9ba0;
    font-size: .65rem;
}

.review-meta[b-gb2vpcbseg] {
    display: flex;
    padding-block-start: .85rem;
    grid-column: 1 / -1;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: .7rem;
    border-block-start: 1px solid var(--queue-line);
}

.chips[b-gb2vpcbseg] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.document-chip[b-gb2vpcbseg],
.status-chip[b-gb2vpcbseg] {
    display: inline-flex;
    min-height: 1.7rem;
    padding: .3rem .55rem;
    align-items: center;
    color: #42555b;
    background: #e2eaec;
    font-size: .62rem;
    font-weight: 850;
}

.document-chip.has-document[b-gb2vpcbseg] {
    color: #075469;
    background: #bceaf2;
}

.document-chip.no-document[b-gb2vpcbseg] {
    color: #66450e;
    background: #f7deb0;
}

.status-chip.status-pending[b-gb2vpcbseg] { color: #4f390e; background: #f7d48e; }
.status-chip.status-approved[b-gb2vpcbseg] { color: #104e3b; background: #bce9d8; }
.status-chip.status-rejected[b-gb2vpcbseg] { color: #742b24; background: #f6cac6; }
.status-chip.status-suspended[b-gb2vpcbseg] { color: #38494f; background: #d7e0e3; }

.review-action[b-gb2vpcbseg] {
    display: inline-flex;
    min-height: 2.45rem;
    padding: .55rem .75rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: #007f98;
    background: #eef7f8;
    border: 1px solid #b9dce2;
    font-size: .72rem;
    font-weight: 850;
}

.review-action b[b-gb2vpcbseg] {
    font-size: .85rem;
    font-weight: 900;
}

.empty-state[b-gb2vpcbseg],
.page-state[b-gb2vpcbseg] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .6rem;
    color: var(--queue-muted);
    text-align: center;
    background: #f4f8f9;
    border: 1px dashed #b8cbd0;
}

.empty-state > span[b-gb2vpcbseg],
.state-mark[b-gb2vpcbseg] {
    display: grid;
    width: 3.5rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--queue-coral);
    font-size: 1.1rem;
    font-weight: 850;
}

.empty-state strong[b-gb2vpcbseg],
.page-state h1[b-gb2vpcbseg],
.page-state h2[b-gb2vpcbseg] {
    margin: 0;
    color: var(--queue-ink);
    font-size: 1.15rem;
    font-weight: 800;
}

.empty-state p[b-gb2vpcbseg],
.page-state p[b-gb2vpcbseg] {
    max-width: 34rem;
    margin: 0;
    font-size: .78rem;
    line-height: 1.55;
}

.page-state[b-gb2vpcbseg] {
    border-style: solid;
}

.forbidden-state[b-gb2vpcbseg],
.error-state[b-gb2vpcbseg] {
    border-inline-start: .4rem solid var(--queue-coral);
}

.state-mark[b-gb2vpcbseg] { width: 3rem; font-size: 1.25rem; }

.state-button[b-gb2vpcbseg] {
    display: inline-flex;
    min-height: 3rem;
    margin-block-start: .35rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--queue-navy);
    border: 1px solid var(--queue-navy);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.loading-mark[b-gb2vpcbseg] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--queue-cyan);
    border-radius: 50%;
    animation: queue-spin-b-gb2vpcbseg .8s linear infinite;
}

.admin-queue-page a:focus-visible[b-gb2vpcbseg] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .queue-hero[b-gb2vpcbseg] {
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 25rem);
        align-items: end;
    }

    .hero-metrics[b-gb2vpcbseg] { justify-self: end; }

    .review-card[b-gb2vpcbseg] {
        grid-template-columns: auto minmax(0, 1fr) minmax(15rem, auto);
    }

    .review-meta[b-gb2vpcbseg] {
        padding-block-start: 0;
        grid-column: auto;
        align-items: flex-end;
        border-block-start: 0;
    }

    .review-action[b-gb2vpcbseg] { min-width: 7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-gb2vpcbseg] { animation: none; }
}
/* /Components/Pages/Admin/AzkarTemplate.razor.rz.scp.css */
.admin-template-page[b-bcqfcb6j25] {
    --template-navy: #073e4f;
    --template-cyan: #02adcc;
    --template-coral: #ec5b4f;
    --template-ink: #102e38;
    --template-muted: #61747b;
    --template-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--template-ink);
}

.back-link[b-bcqfcb6j25] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.template-hero[b-bcqfcb6j25] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--template-navy);
    border-block-start: .45rem solid var(--template-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
    margin-block-end: clamp(1.5rem, 4vw, 2.5rem);
}

.hero-copy[b-bcqfcb6j25] { position: relative; z-index: 1; }

.hero-kicker[b-bcqfcb6j25] {
    display: block;
    margin-block-end: .45rem;
    color: var(--template-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-bcqfcb6j25] {
    max-width: 30ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-bcqfcb6j25] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.feedback[b-bcqfcb6j25] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--template-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-bcqfcb6j25] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-bcqfcb6j25] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-bcqfcb6j25] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-bcqfcb6j25] { border-inline-start: .35rem solid var(--template-coral); }
.error-feedback > span[b-bcqfcb6j25] { background: var(--template-coral); }

.admin-template-page[b-bcqfcb6j25]  .validation-summary {
    display: none;
}

.admin-template-page[b-bcqfcb6j25]  .validation-summary.validation-errors {
    display: block;
    margin-block-end: 1rem;
    padding: 1rem;
    color: #742b24;
    background: #fbe7e5;
    border-inline-start: .35rem solid var(--template-coral);
    font-size: .8rem;
}

.form-section[b-bcqfcb6j25] {
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--template-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-bcqfcb6j25] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--template-line);
}

.section-number[b-bcqfcb6j25] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--template-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.section-heading h2[b-bcqfcb6j25] {
    margin: 0;
    color: var(--template-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-bcqfcb6j25] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--template-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.field[b-bcqfcb6j25] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-bcqfcb6j25] {
    margin-block-end: .42rem;
    color: var(--template-ink);
    font-size: .74rem;
    font-weight: 800;
}

.admin-template-page[b-bcqfcb6j25]  .template-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--template-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.admin-template-page[b-bcqfcb6j25]  textarea.template-input {
    min-height: 5.5rem;
    resize: vertical;
}

.admin-template-page[b-bcqfcb6j25]  .template-input:hover { border-color: #829ca3; }

.admin-template-page[b-bcqfcb6j25]  .template-input:focus {
    border-color: var(--template-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

/* The field's own input is forced dir="ltr" (see the .razor markup), but this wrapper isn't — in
   RTL pages it still inherits direction: rtl, so the "sec" suffix badge below (positioned via the
   logical inset-inline-end) resolves to the LEFT edge instead of the right, landing directly on top
   of the LTR-rendered digits and hiding them under its opaque background. Forcing ltr here keeps the
   badge and the input's own reserved padding on the same (right) side in every language. */
.seconds-control[b-bcqfcb6j25] { position: relative; direction: ltr; }

.seconds-control[b-bcqfcb6j25]  .template-input {
    padding-inline-end: 4rem;
}

.seconds-control > span[b-bcqfcb6j25] {
    position: absolute;
    inset-block: 1px;
    inset-inline-end: 1px;
    display: grid;
    width: 3.25rem;
    place-items: center;
    color: var(--template-muted);
    background: #edf3f4;
    font-size: .66rem;
    font-weight: 800;
    pointer-events: none;
}

.azkar-list[b-bcqfcb6j25] {
    display: grid;
    gap: .8rem;
}

.azkar-row[b-bcqfcb6j25] {
    display: grid;
    min-width: 0;
    border: 1px solid var(--template-line);
    background: #f8fafb;
}

.azkar-row > header[b-bcqfcb6j25] {
    display: flex;
    padding: .8rem;
    align-items: center;
    gap: .65rem;
    color: #fff;
    background: var(--template-navy);
}

.azkar-row > header span[b-bcqfcb6j25] {
    color: var(--template-cyan);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.row-fields[b-bcqfcb6j25] {
    display: grid;
    min-width: 0;
    padding: .85rem;
    grid-template-columns: minmax(0, 1fr);
    gap: .7rem;
}

.duration-field[b-bcqfcb6j25] { max-width: 12rem; }

.azkar-hint[b-bcqfcb6j25] {
    margin: .8rem 0 0;
    color: var(--template-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.form-actions[b-bcqfcb6j25] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--template-navy);
    border-block-start: .35rem solid var(--template-cyan);
}

.save-copy[b-bcqfcb6j25] { display: flex; flex-direction: column; gap: .2rem; }
.save-copy strong[b-bcqfcb6j25] { font-size: .92rem; }
.save-copy span[b-bcqfcb6j25] { color: rgb(255 255 255 / 66%); font-size: .75rem; line-height: 1.45; }

.action-buttons[b-bcqfcb6j25] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.cancel-button[b-bcqfcb6j25],
.save-button[b-bcqfcb6j25],
.state-button[b-bcqfcb6j25] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.save-button[b-bcqfcb6j25] {
    color: var(--template-navy);
    background: var(--template-cyan);
    border-color: var(--template-cyan);
}

.page-state[b-bcqfcb6j25] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--template-muted);
    text-align: center;
    border: 1px solid var(--template-line);
    background: #f4f8f9;
}

.page-state h1[b-bcqfcb6j25] {
    margin: 0;
    color: var(--template-ink);
    font-size: 1.35rem;
}

.page-state p[b-bcqfcb6j25] { max-width: 36rem; margin: 0; }

.state-mark[b-bcqfcb6j25] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--template-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-bcqfcb6j25] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--template-navy);
    border-color: var(--template-navy);
}

.forbidden-state[b-bcqfcb6j25],
.error-state[b-bcqfcb6j25] { border-inline-start: .35rem solid var(--template-coral); }

.loading-mark[b-bcqfcb6j25] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--template-cyan);
    border-radius: 50%;
    animation: template-spin-b-bcqfcb6j25 .8s linear infinite;
}

.admin-template-page a:focus-visible[b-bcqfcb6j25],
.admin-template-page button:focus-visible[b-bcqfcb6j25],
.admin-template-page input:focus-visible[b-bcqfcb6j25],
.admin-template-page textarea:focus-visible[b-bcqfcb6j25] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 44rem) {
    .row-fields[b-bcqfcb6j25] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 10rem);
        align-items: start;
    }

    .form-actions[b-bcqfcb6j25] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-bcqfcb6j25] { min-width: 20rem; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-bcqfcb6j25] { animation: none; }
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.forgot-page[b-any7x0sh2j] {
    --forgot-navy: #063548;
    --forgot-cyan: #00afd0;
    --forgot-cyan-dark: #008aaa;
    --forgot-ink: #082d3d;
    --forgot-muted: #58707a;
    --forgot-line: #cbd9de;
    color: var(--forgot-ink);
}

.forgot-heading[b-any7x0sh2j] {
    margin-bottom: 1rem;
    text-align: start;
}

.forgot-page .forgot-heading h1[b-any7x0sh2j] {
    margin: 0.3rem 0 0.45rem;
    color: var(--forgot-navy);
    font-size: clamp(1.7rem, 7vw, 2.15rem);
    font-weight: 800;
    line-height: 1.15;
    text-align: start;
}

.forgot-heading p[b-any7x0sh2j] {
    margin: 0;
    color: var(--forgot-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.forgot-kicker[b-any7x0sh2j] {
    display: inline-block;
    border-inline-start: 0.25rem solid var(--forgot-cyan);
    padding-inline-start: 0.55rem;
    color: var(--forgot-cyan-dark);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.recovery-steps[b-any7x0sh2j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 1.15rem;
    padding: 0;
    list-style: none;
}

.recovery-steps li[b-any7x0sh2j] {
    position: relative;
    min-width: 0;
    border-top: 0.25rem solid var(--forgot-line);
    padding: 0.55rem 0.2rem 0;
    color: #71858d;
    text-align: center;
}

.recovery-steps li[b-any7x0sh2j]::after {
    position: absolute;
    inset-block-start: -0.45rem;
    inset-inline-end: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--forgot-line);
    content: "";
}

.recovery-steps li:last-child[b-any7x0sh2j]::after {
    display: none;
}

.recovery-steps .step-complete[b-any7x0sh2j],
.recovery-steps .active-step[b-any7x0sh2j] {
    border-color: var(--forgot-cyan);
    color: var(--forgot-navy);
}

.recovery-steps .step-complete[b-any7x0sh2j]::after,
.recovery-steps .active-step[b-any7x0sh2j]::after {
    background: var(--forgot-cyan);
}

.recovery-steps span[b-any7x0sh2j] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    margin: 0 auto 0.25rem;
    place-items: center;
    background: #e7eef0;
    color: #6c8088;
    font-size: 0.64rem;
    font-weight: 900;
}

.recovery-steps .step-complete span[b-any7x0sh2j] {
    background: var(--forgot-cyan);
    color: var(--forgot-navy);
}

.recovery-steps .active-step span[b-any7x0sh2j] {
    background: var(--forgot-navy);
    color: #fff;
}

.recovery-steps strong[b-any7x0sh2j] {
    display: block;
    overflow-wrap: anywhere;
    font-size: 0.64rem;
    line-height: 1.3;
}

.privacy-panel[b-any7x0sh2j],
.forgot-feedback[b-any7x0sh2j],
.success-next[b-any7x0sh2j],
.delivery-help[b-any7x0sh2j],
.signin-panel[b-any7x0sh2j] {
    border-inline-start: 0.3rem solid var(--forgot-cyan);
}

.privacy-panel[b-any7x0sh2j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    background: #e8f8fb;
    padding: 0.85rem;
}

.privacy-mark[b-any7x0sh2j],
.feedback-mark[b-any7x0sh2j],
.success-mark[b-any7x0sh2j],
.next-mark[b-any7x0sh2j] {
    display: grid;
    place-items: center;
    font-weight: 900;
}

.privacy-mark[b-any7x0sh2j],
.feedback-mark[b-any7x0sh2j] {
    flex: 0 0 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
}

.privacy-mark[b-any7x0sh2j] {
    background: var(--forgot-cyan);
    color: var(--forgot-navy);
}

.privacy-panel strong[b-any7x0sh2j],
.privacy-panel small[b-any7x0sh2j] {
    display: block;
}

.privacy-panel strong[b-any7x0sh2j] {
    color: var(--forgot-navy);
    font-size: 0.84rem;
}

.privacy-panel small[b-any7x0sh2j] {
    margin-top: 0.15rem;
    color: var(--forgot-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.forgot-feedback[b-any7x0sh2j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    border-color: #c73542;
    background: #fff0f1;
    padding: 0.85rem;
    color: #7a1d27;
}

.feedback-mark[b-any7x0sh2j] {
    background: #c73542;
    color: #fff;
}

.forgot-feedback strong[b-any7x0sh2j] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.86rem;
}

.forgot-feedback ul[b-any7x0sh2j] {
    margin: 0;
    padding-inline-start: 1.1rem;
    font-size: 0.76rem;
    line-height: 1.5;
}

.forgot-form[b-any7x0sh2j] {
    display: grid;
    gap: 1rem;
}

.forgot-field label[b-any7x0sh2j] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--forgot-navy);
    font-size: 0.84rem;
    font-weight: 800;
}

.forgot-field > small[b-any7x0sh2j] {
    display: block;
    margin-top: 0.35rem;
    color: var(--forgot-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.forgot-page[b-any7x0sh2j]  .forgot-input {
    width: 100%;
    min-height: 3.25rem;
    border: 1px solid var(--forgot-line);
    border-radius: 0;
    background: #f8fbfc;
    padding: 0.75rem 0.85rem;
    color: var(--forgot-ink);
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.forgot-page[b-any7x0sh2j]  .forgot-input:hover {
    border-color: #90aab3;
    background: #fff;
}

.forgot-page[b-any7x0sh2j]  .forgot-input:focus {
    border-color: var(--forgot-cyan-dark);
    background: #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 175, 208, 0.16);
}

.forgot-page[b-any7x0sh2j]  .field-error {
    display: block;
    margin-top: 0.35rem;
    color: #b42331;
    font-size: 0.74rem;
    font-weight: 700;
}

.forgot-action[b-any7x0sh2j] {
    display: grid;
    gap: 0.8rem;
    border-top: 0.3rem solid var(--forgot-cyan);
    background: var(--forgot-navy);
    padding: 1rem;
    color: #fff;
}

.forgot-action strong[b-any7x0sh2j],
.forgot-action span[b-any7x0sh2j] {
    display: block;
}

.forgot-action strong[b-any7x0sh2j] {
    font-size: 0.88rem;
}

.forgot-action span[b-any7x0sh2j] {
    margin-top: 0.2rem;
    color: #c3dce5;
    font-size: 0.7rem;
    line-height: 1.45;
}

.send-button[b-any7x0sh2j],
.primary-action[b-any7x0sh2j],
.secondary-action[b-any7x0sh2j],
.signin-panel a[b-any7x0sh2j] {
    min-height: 3rem;
    border: 2px solid var(--forgot-cyan);
    border-radius: 0;
    padding: 0.65rem 1rem;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.send-button[b-any7x0sh2j],
.primary-action[b-any7x0sh2j] {
    background: var(--forgot-cyan);
    color: var(--forgot-navy);
}

.send-button:hover[b-any7x0sh2j],
.send-button:focus-visible[b-any7x0sh2j],
.primary-action:hover[b-any7x0sh2j],
.primary-action:focus-visible[b-any7x0sh2j] {
    border-color: #fff;
    background: #fff;
    color: var(--forgot-navy);
}

.signin-panel[b-any7x0sh2j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    border-color: var(--forgot-line);
    background: #f8fbfc;
    padding: 0.85rem;
}

.signin-panel div[b-any7x0sh2j] {
    min-width: 0;
}

.signin-panel strong[b-any7x0sh2j] {
    display: block;
    color: var(--forgot-navy);
    font-size: 0.8rem;
}

.signin-panel p[b-any7x0sh2j] {
    margin: 0.12rem 0 0;
    color: var(--forgot-muted);
    font-size: 0.68rem;
    line-height: 1.4;
}

.signin-panel a[b-any7x0sh2j] {
    display: grid;
    flex: 0 0 auto;
    min-height: auto;
    place-items: center;
    border-width: 1px;
    border-color: var(--forgot-cyan-dark);
    padding: 0.46rem 0.65rem;
    color: var(--forgot-cyan-dark);
    font-size: 0.72rem;
}

.signin-panel a:hover[b-any7x0sh2j],
.signin-panel a:focus-visible[b-any7x0sh2j] {
    background: var(--forgot-cyan-dark);
    color: #fff;
}

.forgot-success[b-any7x0sh2j] {
    text-align: center;
}

.forgot-success .forgot-heading[b-any7x0sh2j] {
    text-align: center;
}

.forgot-success .forgot-heading h1[b-any7x0sh2j] {
    margin-top: 0.85rem;
    text-align: center;
}

.success-mark[b-any7x0sh2j] {
    width: 4.2rem;
    height: 4.2rem;
    margin: 1rem auto 0;
    border: 0.3rem solid #fff;
    background: var(--forgot-cyan);
    box-shadow: 0 0 0 0.18rem var(--forgot-cyan);
    color: var(--forgot-navy);
    font-size: 1.8rem;
}

.success-next[b-any7x0sh2j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--forgot-navy);
    padding: 1rem;
    color: #fff;
    text-align: start;
}

.next-mark[b-any7x0sh2j] {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    background: var(--forgot-cyan);
    color: var(--forgot-navy);
}

.success-next strong[b-any7x0sh2j] {
    display: block;
    font-size: 0.86rem;
}

.success-next p[b-any7x0sh2j] {
    margin: 0.18rem 0 0;
    color: #c3dce5;
    font-size: 0.7rem;
    line-height: 1.45;
}

.forgot-success .privacy-panel[b-any7x0sh2j] {
    margin-top: 0.9rem;
    margin-bottom: 0;
    text-align: start;
}

.delivery-help[b-any7x0sh2j] {
    margin-top: 0.9rem;
    border-color: #e7a400;
    background: #fff8dc;
    padding: 0.85rem;
    color: #634800;
    text-align: start;
}

.delivery-help strong[b-any7x0sh2j] {
    display: block;
    font-size: 0.82rem;
}

.delivery-help p[b-any7x0sh2j] {
    margin: 0.16rem 0 0;
    font-size: 0.7rem;
    line-height: 1.45;
}

.forgot-actions[b-any7x0sh2j] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.primary-action[b-any7x0sh2j],
.secondary-action[b-any7x0sh2j] {
    display: grid;
    place-items: center;
}

.primary-action:hover[b-any7x0sh2j],
.primary-action:focus-visible[b-any7x0sh2j] {
    border-color: var(--forgot-navy);
    background: var(--forgot-navy);
    color: #fff;
}

.secondary-action[b-any7x0sh2j] {
    border-color: var(--forgot-line);
    background: #fff;
    color: var(--forgot-navy);
}

.secondary-action:hover[b-any7x0sh2j],
.secondary-action:focus-visible[b-any7x0sh2j] {
    border-color: var(--forgot-cyan-dark);
    color: var(--forgot-cyan-dark);
}

.send-button:focus-visible[b-any7x0sh2j],
.primary-action:focus-visible[b-any7x0sh2j],
.secondary-action:focus-visible[b-any7x0sh2j],
.signin-panel a:focus-visible[b-any7x0sh2j] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

@media (min-width: 25rem) {
    .forgot-actions[b-any7x0sh2j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 24rem) {
    .signin-panel[b-any7x0sh2j] {
        align-items: stretch;
        flex-direction: column;
    }

    .signin-panel a[b-any7x0sh2j] {
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .forgot-page[b-any7x0sh2j]  .forgot-input,
    .send-button[b-any7x0sh2j],
    .primary-action[b-any7x0sh2j],
    .secondary-action[b-any7x0sh2j],
    .signin-panel a[b-any7x0sh2j] {
        transition: none;
    }
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.login-page[b-dkfrww9jol] {
    --login-navy: #063548;
    --login-cyan: #00afd0;
    --login-cyan-dark: #008aaa;
    --login-ink: #082d3d;
    --login-muted: #58707a;
    --login-line: #cbd9de;
    color: var(--login-ink);
}

.login-heading[b-dkfrww9jol] {
    margin-bottom: 1.25rem;
    text-align: start;
}

.login-page .login-heading h1[b-dkfrww9jol] {
    margin: 0.3rem 0 0.45rem;
    color: var(--login-navy);
    font-size: clamp(1.75rem, 7vw, 2.25rem);
    font-weight: 800;
    line-height: 1.1;
    text-align: start;
}

.login-heading p[b-dkfrww9jol] {
    margin: 0;
    color: var(--login-muted);
    font-size: 0.94rem;
    line-height: 1.65;
}

.login-kicker[b-dkfrww9jol] {
    display: inline-block;
    border-inline-start: 0.25rem solid var(--login-cyan);
    padding-inline-start: 0.55rem;
    color: var(--login-cyan-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.security-note[b-dkfrww9jol],
.login-feedback[b-dkfrww9jol],
.signup-panel[b-dkfrww9jol] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.security-note[b-dkfrww9jol] {
    margin-bottom: 1.2rem;
    border-inline-start: 0.3rem solid var(--login-cyan);
    background: #e8f8fb;
    padding: 0.85rem;
}

.security-note strong[b-dkfrww9jol],
.security-note small[b-dkfrww9jol],
.remember-option strong[b-dkfrww9jol],
.remember-option small[b-dkfrww9jol] {
    display: block;
}

.security-note strong[b-dkfrww9jol] {
    color: var(--login-navy);
    font-size: 0.88rem;
}

.security-note small[b-dkfrww9jol] {
    margin-top: 0.15rem;
    color: var(--login-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.security-mark[b-dkfrww9jol],
.feedback-mark[b-dkfrww9jol],
.signup-mark[b-dkfrww9jol] {
    display: grid;
    flex: 0 0 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    background: var(--login-cyan);
    color: #fff;
    font-weight: 900;
}

.login-feedback[b-dkfrww9jol] {
    margin-bottom: 1.2rem;
    padding: 0.9rem;
}

.login-feedback strong[b-dkfrww9jol] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.9rem;
}

.login-feedback p[b-dkfrww9jol],
.login-feedback ul[b-dkfrww9jol] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
}

.login-feedback ul[b-dkfrww9jol] {
    padding-inline-start: 1.1rem;
}

.login-feedback small[b-dkfrww9jol] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.74rem;
    line-height: 1.45;
}

.activation-feedback[b-dkfrww9jol] {
    border-inline-start: 0.3rem solid #e7a400;
    background: #fff8dc;
    color: #634800;
}

.activation-feedback .feedback-mark[b-dkfrww9jol] {
    background: #e7a400;
}

.login-page[b-dkfrww9jol]  .resend-activation-form {
    margin-top: 0.65rem;
}

.resend-activation-button[b-dkfrww9jol] {
    min-height: 2.5rem;
    border: 1px solid #a97e00;
    border-radius: 0;
    background: #fff;
    padding: 0.4rem 0.9rem;
    color: #634800;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 150ms ease, color 150ms ease;
}

.resend-activation-button:hover[b-dkfrww9jol],
.resend-activation-button:focus-visible[b-dkfrww9jol] {
    background: #634800;
    color: #fff;
}

.login-feedback .activation-resent[b-dkfrww9jol] {
    margin-top: 0.55rem;
    font-weight: 700;
}

.login-feedback .activation-resend-error[b-dkfrww9jol] {
    margin-top: 0.4rem;
    color: #7a1d27;
    font-weight: 700;
}

.error-feedback[b-dkfrww9jol] {
    border-inline-start: 0.3rem solid #c73542;
    background: #fff0f1;
    color: #7a1d27;
}

.error-feedback .feedback-mark[b-dkfrww9jol] {
    background: #c73542;
}

.login-form[b-dkfrww9jol] {
    display: grid;
    gap: 1.05rem;
}

.login-field label[b-dkfrww9jol] {
    display: block;
    margin-bottom: 0.42rem;
    color: var(--login-navy);
    font-size: 0.86rem;
    font-weight: 800;
}

.login-field > small[b-dkfrww9jol] {
    display: block;
    margin-top: 0.35rem;
    color: var(--login-muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.login-page[b-dkfrww9jol]  .login-input {
    width: 100%;
    min-height: 3.25rem;
    border: 1px solid var(--login-line);
    border-radius: 0;
    background: #f8fbfc;
    padding: 0.75rem 0.85rem;
    color: var(--login-ink);
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.login-page[b-dkfrww9jol]  .login-input:hover {
    border-color: #90aab3;
    background: #fff;
}

.login-page[b-dkfrww9jol]  .login-input:focus {
    border-color: var(--login-cyan-dark);
    background: #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 175, 208, 0.16);
}

.login-page[b-dkfrww9jol]  .field-error {
    display: block;
    margin-top: 0.35rem;
    color: #b42331;
    font-size: 0.76rem;
    font-weight: 700;
}

.login-options[b-dkfrww9jol] {
    display: grid;
    gap: 0.8rem;
    border-top: 1px solid var(--login-line);
    padding-top: 1rem;
}

.remember-option[b-dkfrww9jol] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.login-page[b-dkfrww9jol]  .remember-checkbox {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.1rem;
    accent-color: var(--login-cyan-dark);
}

.remember-option label[b-dkfrww9jol] {
    cursor: pointer;
}

.remember-option strong[b-dkfrww9jol] {
    color: var(--login-navy);
    font-size: 0.83rem;
}

.remember-option small[b-dkfrww9jol] {
    margin-top: 0.12rem;
    color: var(--login-muted);
    font-size: 0.71rem;
    line-height: 1.4;
}

.forgot-link[b-dkfrww9jol] {
    width: fit-content;
    color: var(--login-cyan-dark);
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.forgot-link:hover[b-dkfrww9jol] {
    color: var(--login-navy);
}

.login-action[b-dkfrww9jol] {
    display: grid;
    gap: 0.85rem;
    border-top: 0.3rem solid var(--login-cyan);
    background: var(--login-navy);
    padding: 1rem;
    color: #fff;
}

.login-action strong[b-dkfrww9jol],
.login-action span[b-dkfrww9jol] {
    display: block;
}

.login-action strong[b-dkfrww9jol] {
    font-size: 0.9rem;
}

.login-action span[b-dkfrww9jol] {
    margin-top: 0.2rem;
    color: #c3dce5;
    font-size: 0.72rem;
    line-height: 1.45;
}

.login-button[b-dkfrww9jol] {
    min-height: 3rem;
    border: 2px solid var(--login-cyan);
    border-radius: 0;
    background: var(--login-cyan);
    padding: 0.65rem 1rem;
    color: #042d3d;
    font-size: 0.88rem;
    font-weight: 900;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.login-button:hover[b-dkfrww9jol],
.login-button:focus-visible[b-dkfrww9jol] {
    border-color: #fff;
    background: #fff;
    color: var(--login-navy);
}

.login-button:focus-visible[b-dkfrww9jol],
.forgot-link:focus-visible[b-dkfrww9jol],
.signup-panel a:focus-visible[b-dkfrww9jol] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

.signup-panel[b-dkfrww9jol] {
    margin-top: 1rem;
    border: 1px solid var(--login-line);
    padding: 0.9rem;
}

.signup-mark[b-dkfrww9jol] {
    background: #e8f8fb;
    color: var(--login-cyan-dark);
    font-size: 1.25rem;
}

.signup-panel div[b-dkfrww9jol] {
    min-width: 0;
}

.signup-panel strong[b-dkfrww9jol] {
    display: block;
    color: var(--login-navy);
    font-size: 0.84rem;
}

.signup-panel p[b-dkfrww9jol] {
    margin: 0.15rem 0 0;
    color: var(--login-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.signup-panel a[b-dkfrww9jol] {
    flex: 0 0 auto;
    align-self: center;
    border: 1px solid var(--login-cyan-dark);
    padding: 0.48rem 0.65rem;
    color: var(--login-cyan-dark);
    font-size: 0.74rem;
    font-weight: 800;
    text-decoration: none;
}

.signup-panel a:hover[b-dkfrww9jol] {
    background: var(--login-cyan-dark);
    color: #fff;
}

@media (min-width: 30rem) {
    .login-options[b-dkfrww9jol] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .forgot-link[b-dkfrww9jol] {
        text-align: end;
    }
}

@media (max-width: 24rem) {
    .signup-panel[b-dkfrww9jol] {
        flex-wrap: wrap;
    }

    .signup-panel div[b-dkfrww9jol] {
        flex: 1 1 calc(100% - 2.65rem);
    }

    .signup-panel a[b-dkfrww9jol] {
        width: 100%;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-page[b-dkfrww9jol]  .login-input,
    .login-button[b-dkfrww9jol] {
        transition: none;
    }
}
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
.register-page[b-und3qszuny] {
    --register-navy: #063548;
    --register-cyan: #00afd0;
    --register-cyan-dark: #008aaa;
    --register-ink: #082d3d;
    --register-muted: #58707a;
    --register-line: #cbd9de;
    color: var(--register-ink);
}

.register-heading[b-und3qszuny] {
    margin-bottom: 1rem;
    text-align: start;
}

.register-page .register-heading h1[b-und3qszuny],
.register-page.register-success h1[b-und3qszuny] {
    margin: 0.3rem 0 0.45rem;
    color: var(--register-navy);
    font-size: clamp(1.65rem, 7vw, 2.1rem);
    font-weight: 800;
    line-height: 1.15;
}

.register-page .register-heading h1[b-und3qszuny] {
    text-align: start;
}

.register-heading p[b-und3qszuny],
.success-intro[b-und3qszuny] {
    margin: 0;
    color: var(--register-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.register-kicker[b-und3qszuny] {
    display: inline-block;
    border-inline-start: 0.25rem solid var(--register-cyan);
    padding-inline-start: 0.55rem;
    color: var(--register-cyan-dark);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.registration-steps[b-und3qszuny] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 1.2rem;
    padding: 0;
    list-style: none;
}

.registration-steps li[b-und3qszuny] {
    position: relative;
    min-width: 0;
    border-top: 0.25rem solid var(--register-line);
    padding: 0.55rem 0.2rem 0;
    color: #71858d;
    text-align: center;
}

.registration-steps li[b-und3qszuny]::after {
    position: absolute;
    inset-block-start: -0.45rem;
    inset-inline-end: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--register-line);
    content: "";
}

.registration-steps li:last-child[b-und3qszuny]::after {
    display: none;
}

.registration-steps .active-step[b-und3qszuny] {
    border-color: var(--register-cyan);
    color: var(--register-navy);
}

.registration-steps .active-step[b-und3qszuny]::after {
    background: var(--register-cyan);
}

.registration-steps span[b-und3qszuny],
.registration-steps strong[b-und3qszuny] {
    display: block;
}

.registration-steps span[b-und3qszuny] {
    margin-bottom: 0.15rem;
    font-size: 0.68rem;
    font-weight: 900;
}

.registration-steps strong[b-und3qszuny] {
    overflow-wrap: anywhere;
    font-size: 0.65rem;
    line-height: 1.3;
}

.register-feedback[b-und3qszuny],
.terms-panel[b-und3qszuny],
.signin-panel[b-und3qszuny],
.success-next[b-und3qszuny],
.development-panel[b-und3qszuny] {
    border-inline-start: 0.3rem solid var(--register-cyan);
}

.register-feedback[b-und3qszuny] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.1rem;
    background: #fff0f1;
    padding: 0.9rem;
    color: #7a1d27;
    border-color: #c73542;
}

.feedback-mark[b-und3qszuny],
.success-mark[b-und3qszuny],
.next-number[b-und3qszuny] {
    display: grid;
    place-items: center;
    font-weight: 900;
}

.feedback-mark[b-und3qszuny] {
    flex: 0 0 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
    background: #c73542;
    color: #fff;
}

.register-feedback strong[b-und3qszuny] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.88rem;
}

.register-feedback ul[b-und3qszuny] {
    margin: 0;
    padding-inline-start: 1.1rem;
    font-size: 0.8rem;
    line-height: 1.5;
}

.register-form[b-und3qszuny] {
    display: grid;
    gap: 1rem;
}

.register-field label[b-und3qszuny],
.terms-panel label[b-und3qszuny] {
    display: block;
    color: var(--register-navy);
    font-size: 0.84rem;
    font-weight: 800;
}

.register-field label[b-und3qszuny] {
    margin-bottom: 0.4rem;
}

.register-field > small[b-und3qszuny],
.terms-panel small[b-und3qszuny] {
    display: block;
    margin-top: 0.35rem;
    color: var(--register-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.register-page[b-und3qszuny]  .register-input {
    width: 100%;
    min-height: 3.2rem;
    border: 1px solid var(--register-line);
    border-radius: 0;
    background: #f8fbfc;
    padding: 0.72rem 0.85rem;
    color: var(--register-ink);
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.register-page[b-und3qszuny]  .register-input:hover {
    border-color: #90aab3;
    background: #fff;
}

.register-page[b-und3qszuny]  .register-input:focus {
    border-color: var(--register-cyan-dark);
    background: #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 175, 208, 0.16);
}

.register-page[b-und3qszuny]  .field-error {
    display: block;
    margin-top: 0.35rem;
    color: #b42331;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.4;
}

.terms-panel[b-und3qszuny] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    background: #eef6f8;
    padding: 0.9rem;
}

.register-page[b-und3qszuny]  .terms-checkbox {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.1rem;
    accent-color: var(--register-cyan-dark);
}

.terms-panel label[b-und3qszuny] {
    cursor: pointer;
}

.terms-panel p[b-und3qszuny] {
    margin: 0.18rem 0 0;
    color: var(--register-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.terms-panel a[b-und3qszuny] {
    color: var(--register-cyan-dark);
    font-weight: 800;
    text-underline-offset: 0.15rem;
}

.register-action[b-und3qszuny] {
    display: grid;
    gap: 0.8rem;
    border-top: 0.3rem solid var(--register-cyan);
    background: var(--register-navy);
    padding: 1rem;
    color: #fff;
}

.register-action strong[b-und3qszuny],
.register-action span[b-und3qszuny] {
    display: block;
}

.register-action strong[b-und3qszuny] {
    font-size: 0.88rem;
}

.register-action span[b-und3qszuny] {
    margin-top: 0.2rem;
    color: #c3dce5;
    font-size: 0.7rem;
    line-height: 1.45;
}

.register-button[b-und3qszuny],
.back-login-button[b-und3qszuny] {
    border: 2px solid var(--register-cyan);
    border-radius: 0;
    background: var(--register-cyan);
    color: #042d3d;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.register-button[b-und3qszuny] {
    min-height: 3rem;
    padding: 0.65rem 1rem;
    font-size: 0.86rem;
}

.register-button:hover[b-und3qszuny],
.register-button:focus-visible[b-und3qszuny],
.back-login-button:hover[b-und3qszuny],
.back-login-button:focus-visible[b-und3qszuny] {
    border-color: var(--register-navy);
    background: var(--register-navy);
    color: #fff;
}

.register-button:focus-visible[b-und3qszuny],
.back-login-button:focus-visible[b-und3qszuny],
.signin-panel a:focus-visible[b-und3qszuny],
.development-panel a:focus-visible[b-und3qszuny],
.terms-panel a:focus-visible[b-und3qszuny] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

.signin-panel[b-und3qszuny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    border-color: var(--register-line);
    background: #f8fbfc;
    padding: 0.85rem;
}

.signin-panel div[b-und3qszuny] {
    min-width: 0;
}

.signin-panel strong[b-und3qszuny] {
    display: block;
    color: var(--register-navy);
    font-size: 0.8rem;
}

.signin-panel p[b-und3qszuny] {
    margin: 0.12rem 0 0;
    color: var(--register-muted);
    font-size: 0.68rem;
    line-height: 1.4;
}

.signin-panel a[b-und3qszuny],
.development-panel a[b-und3qszuny] {
    flex: 0 0 auto;
    border: 1px solid var(--register-cyan-dark);
    padding: 0.46rem 0.65rem;
    color: var(--register-cyan-dark);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.signin-panel a:hover[b-und3qszuny],
.development-panel a:hover[b-und3qszuny] {
    background: var(--register-cyan-dark);
    color: #fff;
}

.register-success[b-und3qszuny] {
    text-align: center;
}

.register-page.register-success h1[b-und3qszuny] {
    margin-top: 0.85rem;
    text-align: center;
}

.success-mark[b-und3qszuny] {
    width: 4.25rem;
    height: 4.25rem;
    margin: 1rem auto 0;
    border: 0.3rem solid #fff;
    background: var(--register-cyan);
    box-shadow: 0 0 0 0.18rem var(--register-cyan);
    color: var(--register-navy);
    font-size: 1.9rem;
}

.success-next[b-und3qszuny] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.2rem;
    background: #e8f8fb;
    padding: 0.9rem;
    text-align: start;
}

.next-number[b-und3qszuny] {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    background: var(--register-cyan);
    color: var(--register-navy);
}

.success-next strong[b-und3qszuny],
.success-next small[b-und3qszuny] {
    display: block;
}

.success-next strong[b-und3qszuny] {
    color: var(--register-navy);
    font-size: 0.86rem;
}

.success-next small[b-und3qszuny] {
    margin-top: 0.18rem;
    color: var(--register-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

.development-panel[b-und3qszuny] {
    margin-top: 1rem;
    background: #fff8dc;
    padding: 0.9rem;
    color: #634800;
    text-align: start;
    border-color: #e7a400;
}

.development-panel strong[b-und3qszuny] {
    display: block;
    font-size: 0.82rem;
}

.development-panel p[b-und3qszuny] {
    margin: 0.15rem 0 0.65rem;
    font-size: 0.7rem;
    line-height: 1.45;
}

.development-panel a[b-und3qszuny] {
    display: inline-block;
    border-color: #9b6c00;
    color: #795500;
}

.development-panel a:hover[b-und3qszuny] {
    background: #795500;
}

.back-login-button[b-und3qszuny] {
    display: block;
    min-height: 3rem;
    margin-top: 1rem;
    padding: 0.68rem 1rem;
    font-size: 0.84rem;
}

@media (max-width: 24rem) {
    .signin-panel[b-und3qszuny] {
        align-items: stretch;
        flex-direction: column;
    }

    .signin-panel a[b-und3qszuny] {
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-page[b-und3qszuny]  .register-input,
    .register-button[b-und3qszuny],
    .back-login-button[b-und3qszuny] {
        transition: none;
    }
}
/* /Components/Pages/Auth/ResetPassword.razor.rz.scp.css */
.reset-page[b-v6c67v2vlx] {
    --reset-navy: #063548;
    --reset-cyan: #00afd0;
    --reset-cyan-dark: #008aaa;
    --reset-ink: #082d3d;
    --reset-muted: #58707a;
    --reset-line: #cbd9de;
    color: var(--reset-ink);
}

.reset-heading[b-v6c67v2vlx] {
    margin-bottom: 1rem;
    text-align: start;
}

.reset-page .reset-heading h1[b-v6c67v2vlx] {
    margin: 0.3rem 0 0.45rem;
    color: var(--reset-navy);
    font-size: clamp(1.7rem, 7vw, 2.15rem);
    font-weight: 800;
    line-height: 1.15;
    text-align: start;
}

.reset-heading p[b-v6c67v2vlx] {
    margin: 0;
    color: var(--reset-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.reset-kicker[b-v6c67v2vlx] {
    display: inline-block;
    border-inline-start: 0.25rem solid var(--reset-cyan);
    padding-inline-start: 0.55rem;
    color: var(--reset-cyan-dark);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invalid-kicker[b-v6c67v2vlx] {
    border-color: #c73542;
    color: #a62431;
}

.reset-steps[b-v6c67v2vlx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 1.15rem;
    padding: 0;
    list-style: none;
}

.reset-steps li[b-v6c67v2vlx] {
    position: relative;
    min-width: 0;
    border-top: 0.25rem solid var(--reset-line);
    padding: 0.55rem 0.2rem 0;
    color: #71858d;
    text-align: center;
}

.reset-steps li[b-v6c67v2vlx]::after {
    position: absolute;
    inset-block-start: -0.45rem;
    inset-inline-end: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--reset-line);
    content: "";
}

.reset-steps li:last-child[b-v6c67v2vlx]::after {
    display: none;
}

.reset-steps .step-complete[b-v6c67v2vlx],
.reset-steps .active-step[b-v6c67v2vlx] {
    border-color: var(--reset-cyan);
    color: var(--reset-navy);
}

.reset-steps .step-complete[b-v6c67v2vlx]::after,
.reset-steps .active-step[b-v6c67v2vlx]::after {
    background: var(--reset-cyan);
}

.reset-steps span[b-v6c67v2vlx] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    margin: 0 auto 0.25rem;
    place-items: center;
    background: #e7eef0;
    color: #6c8088;
    font-size: 0.64rem;
    font-weight: 900;
}

.reset-steps .step-complete span[b-v6c67v2vlx] {
    background: var(--reset-cyan);
    color: var(--reset-navy);
}

.reset-steps .active-step span[b-v6c67v2vlx] {
    background: var(--reset-navy);
    color: #fff;
}

.reset-steps strong[b-v6c67v2vlx] {
    display: block;
    overflow-wrap: anywhere;
    font-size: 0.64rem;
    line-height: 1.3;
}

.link-ready-panel[b-v6c67v2vlx],
.security-panel[b-v6c67v2vlx],
.reset-feedback[b-v6c67v2vlx],
.success-next[b-v6c67v2vlx],
.invalid-state[b-v6c67v2vlx],
.recovery-panel[b-v6c67v2vlx] {
    border-inline-start: 0.3rem solid var(--reset-cyan);
}

.link-ready-panel[b-v6c67v2vlx],
.security-panel[b-v6c67v2vlx] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: #e8f8fb;
    padding: 0.85rem;
}

.link-ready-panel[b-v6c67v2vlx] {
    margin-bottom: 1rem;
}

.panel-mark[b-v6c67v2vlx],
.feedback-mark[b-v6c67v2vlx],
.success-mark[b-v6c67v2vlx],
.next-mark[b-v6c67v2vlx],
.invalid-mark[b-v6c67v2vlx] {
    display: grid;
    place-items: center;
    font-weight: 900;
}

.panel-mark[b-v6c67v2vlx],
.feedback-mark[b-v6c67v2vlx] {
    flex: 0 0 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
}

.panel-mark[b-v6c67v2vlx] {
    background: var(--reset-cyan);
    color: var(--reset-navy);
}

.link-ready-panel strong[b-v6c67v2vlx],
.link-ready-panel small[b-v6c67v2vlx],
.security-panel strong[b-v6c67v2vlx],
.security-panel small[b-v6c67v2vlx] {
    display: block;
}

.link-ready-panel strong[b-v6c67v2vlx],
.security-panel strong[b-v6c67v2vlx] {
    color: var(--reset-navy);
    font-size: 0.84rem;
}

.link-ready-panel small[b-v6c67v2vlx],
.security-panel small[b-v6c67v2vlx] {
    margin-top: 0.15rem;
    color: var(--reset-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.reset-feedback[b-v6c67v2vlx] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    border-color: #c73542;
    background: #fff0f1;
    padding: 0.85rem;
    color: #7a1d27;
}

.feedback-mark[b-v6c67v2vlx] {
    background: #c73542;
    color: #fff;
}

.reset-feedback strong[b-v6c67v2vlx] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.86rem;
}

.reset-feedback ul[b-v6c67v2vlx] {
    margin: 0;
    padding-inline-start: 1.1rem;
    font-size: 0.76rem;
    line-height: 1.5;
}

.reset-form[b-v6c67v2vlx] {
    display: grid;
    gap: 1rem;
}

.reset-field label[b-v6c67v2vlx] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--reset-navy);
    font-size: 0.84rem;
    font-weight: 800;
}

.reset-field > small[b-v6c67v2vlx] {
    display: block;
    margin-top: 0.35rem;
    color: var(--reset-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.reset-page[b-v6c67v2vlx]  .reset-input {
    width: 100%;
    min-height: 3.25rem;
    border: 1px solid var(--reset-line);
    border-radius: 0;
    background: #f8fbfc;
    padding: 0.75rem 0.85rem;
    color: var(--reset-ink);
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.reset-page[b-v6c67v2vlx]  .reset-input:hover {
    border-color: #90aab3;
    background: #fff;
}

.reset-page[b-v6c67v2vlx]  .reset-input:focus {
    border-color: var(--reset-cyan-dark);
    background: #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 175, 208, 0.16);
}

.reset-page[b-v6c67v2vlx]  .field-error {
    display: block;
    margin-top: 0.35rem;
    color: #b42331;
    font-size: 0.74rem;
    font-weight: 700;
}

.requirements-panel[b-v6c67v2vlx] {
    border: 1px solid var(--reset-line);
    background: #f8fbfc;
    padding: 0.85rem;
}

.requirements-panel strong[b-v6c67v2vlx] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--reset-navy);
    font-size: 0.8rem;
}

.requirements-panel ul[b-v6c67v2vlx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.requirements-panel li[b-v6c67v2vlx] {
    position: relative;
    padding-inline-start: 0.85rem;
    color: var(--reset-muted);
    font-size: 0.68rem;
    line-height: 1.35;
}

.requirements-panel li[b-v6c67v2vlx]::before {
    position: absolute;
    inset-block-start: 0.44em;
    inset-inline-start: 0;
    width: 0.38rem;
    height: 0.38rem;
    background: var(--reset-cyan);
    content: "";
}

.reset-action[b-v6c67v2vlx] {
    display: grid;
    gap: 0.8rem;
    border-top: 0.3rem solid var(--reset-cyan);
    background: var(--reset-navy);
    padding: 1rem;
    color: #fff;
}

.reset-action strong[b-v6c67v2vlx],
.reset-action span[b-v6c67v2vlx] {
    display: block;
}

.reset-action strong[b-v6c67v2vlx] {
    font-size: 0.88rem;
}

.reset-action span[b-v6c67v2vlx] {
    margin-top: 0.2rem;
    color: #c3dce5;
    font-size: 0.7rem;
    line-height: 1.45;
}

.save-button[b-v6c67v2vlx],
.primary-action[b-v6c67v2vlx],
.secondary-action[b-v6c67v2vlx] {
    min-height: 3rem;
    border: 2px solid var(--reset-cyan);
    border-radius: 0;
    padding: 0.65rem 1rem;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.save-button[b-v6c67v2vlx],
.primary-action[b-v6c67v2vlx] {
    background: var(--reset-cyan);
    color: var(--reset-navy);
}

.save-button:hover[b-v6c67v2vlx],
.save-button:focus-visible[b-v6c67v2vlx] {
    border-color: #fff;
    background: #fff;
    color: var(--reset-navy);
}

.primary-action:hover[b-v6c67v2vlx],
.primary-action:focus-visible[b-v6c67v2vlx] {
    border-color: var(--reset-navy);
    background: var(--reset-navy);
    color: #fff;
}

.reset-success[b-v6c67v2vlx] {
    text-align: center;
}

.reset-success .reset-heading[b-v6c67v2vlx] {
    text-align: center;
}

.reset-success .reset-heading h1[b-v6c67v2vlx] {
    margin-top: 0.85rem;
    text-align: center;
}

.success-mark[b-v6c67v2vlx] {
    width: 4.2rem;
    height: 4.2rem;
    margin: 1rem auto 0;
    border: 0.3rem solid #fff;
    background: var(--reset-cyan);
    box-shadow: 0 0 0 0.18rem var(--reset-cyan);
    color: var(--reset-navy);
    font-size: 1.8rem;
}

.success-next[b-v6c67v2vlx] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--reset-navy);
    padding: 1rem;
    color: #fff;
    text-align: start;
}

.next-mark[b-v6c67v2vlx] {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    background: var(--reset-cyan);
    color: var(--reset-navy);
}

.success-next strong[b-v6c67v2vlx] {
    display: block;
    font-size: 0.86rem;
}

.success-next p[b-v6c67v2vlx] {
    margin: 0.18rem 0 0;
    color: #c3dce5;
    font-size: 0.7rem;
    line-height: 1.45;
}

.single-action[b-v6c67v2vlx] {
    display: grid;
    margin-top: 1rem;
    place-items: center;
}

.invalid-state[b-v6c67v2vlx] {
    border-color: #c73542;
    background: #fff0f1;
    padding: 1rem;
    color: #7a1d27;
    text-align: center;
}

.invalid-mark[b-v6c67v2vlx] {
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto 0.7rem;
    background: #c73542;
    color: #fff;
    font-size: 1.55rem;
}

.invalid-state strong[b-v6c67v2vlx] {
    display: block;
    font-size: 0.9rem;
}

.invalid-state p[b-v6c67v2vlx] {
    margin: 0.2rem auto 0;
    max-width: 19rem;
    font-size: 0.72rem;
    line-height: 1.45;
}

.recovery-panel[b-v6c67v2vlx] {
    margin-top: 0.9rem;
    border-color: #e7a400;
    background: #fff8dc;
    padding: 0.85rem;
    color: #634800;
}

.recovery-panel strong[b-v6c67v2vlx] {
    display: block;
    font-size: 0.82rem;
}

.recovery-panel p[b-v6c67v2vlx] {
    margin: 0.16rem 0 0;
    font-size: 0.7rem;
    line-height: 1.45;
}

.reset-actions[b-v6c67v2vlx] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.primary-action[b-v6c67v2vlx],
.secondary-action[b-v6c67v2vlx] {
    display: grid;
    place-items: center;
}

.secondary-action[b-v6c67v2vlx] {
    border-color: var(--reset-line);
    background: #fff;
    color: var(--reset-navy);
}

.secondary-action:hover[b-v6c67v2vlx],
.secondary-action:focus-visible[b-v6c67v2vlx] {
    border-color: var(--reset-cyan-dark);
    color: var(--reset-cyan-dark);
}

.save-button:focus-visible[b-v6c67v2vlx],
.primary-action:focus-visible[b-v6c67v2vlx],
.secondary-action:focus-visible[b-v6c67v2vlx] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

@media (min-width: 25rem) {
    .reset-actions[b-v6c67v2vlx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 24rem) {
    .requirements-panel ul[b-v6c67v2vlx] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reset-page[b-v6c67v2vlx]  .reset-input,
    .save-button[b-v6c67v2vlx],
    .primary-action[b-v6c67v2vlx],
    .secondary-action[b-v6c67v2vlx] {
        transition: none;
    }
}
/* /Components/Pages/Auth/VerifyEmail.razor.rz.scp.css */
.verify-page[b-dsn8rkb2cf] {
    --verify-navy: #063548;
    --verify-cyan: #00afd0;
    --verify-cyan-dark: #008aaa;
    --verify-ink: #082d3d;
    --verify-muted: #58707a;
    --verify-line: #cbd9de;
    color: var(--verify-ink);
}

.verify-heading[b-dsn8rkb2cf] {
    margin-bottom: 1rem;
    text-align: start;
}

.verify-page .verify-heading h1[b-dsn8rkb2cf] {
    margin: 0.3rem 0 0.45rem;
    color: var(--verify-navy);
    font-size: clamp(1.7rem, 7vw, 2.15rem);
    font-weight: 800;
    line-height: 1.15;
    text-align: start;
}

.verify-heading p[b-dsn8rkb2cf] {
    margin: 0;
    color: var(--verify-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.verify-kicker[b-dsn8rkb2cf] {
    display: inline-block;
    border-inline-start: 0.25rem solid var(--verify-cyan);
    padding-inline-start: 0.55rem;
    color: var(--verify-cyan-dark);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.failure-kicker[b-dsn8rkb2cf] {
    border-color: #c73542;
    color: #a62431;
}

.verification-steps[b-dsn8rkb2cf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 1.2rem;
    padding: 0;
    list-style: none;
}

.verification-steps li[b-dsn8rkb2cf] {
    position: relative;
    min-width: 0;
    border-top: 0.25rem solid var(--verify-line);
    padding: 0.55rem 0.2rem 0;
    color: #71858d;
    text-align: center;
}

.verification-steps li[b-dsn8rkb2cf]::after {
    position: absolute;
    inset-block-start: -0.45rem;
    inset-inline-end: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--verify-line);
    content: "";
}

.verification-steps li:last-child[b-dsn8rkb2cf]::after {
    display: none;
}

.verification-steps .step-complete[b-dsn8rkb2cf],
.verification-steps .active-step[b-dsn8rkb2cf] {
    border-color: var(--verify-cyan);
    color: var(--verify-navy);
}

.verification-steps .step-complete[b-dsn8rkb2cf]::after,
.verification-steps .active-step[b-dsn8rkb2cf]::after {
    background: var(--verify-cyan);
}

.verification-steps .step-complete span[b-dsn8rkb2cf] {
    background: var(--verify-cyan);
    color: var(--verify-navy);
}

.verification-steps .active-step span[b-dsn8rkb2cf] {
    background: var(--verify-navy);
    color: #fff;
}

.verification-steps span[b-dsn8rkb2cf] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    margin: 0 auto 0.25rem;
    place-items: center;
    background: #e7eef0;
    color: #6c8088;
    font-size: 0.64rem;
    font-weight: 900;
}

.verification-steps strong[b-dsn8rkb2cf] {
    display: block;
    overflow-wrap: anywhere;
    font-size: 0.64rem;
    line-height: 1.3;
}

.verification-state[b-dsn8rkb2cf] {
    border-top: 0.3rem solid var(--verify-cyan);
    padding: 1.15rem;
    text-align: center;
}

.verification-state > strong[b-dsn8rkb2cf],
.verification-state > p[b-dsn8rkb2cf] {
    display: block;
}

.verification-state > strong[b-dsn8rkb2cf] {
    margin-top: 0.7rem;
    font-size: 0.95rem;
}

.verification-state > p[b-dsn8rkb2cf] {
    margin: 0.25rem auto 0;
    max-width: 19rem;
    font-size: 0.76rem;
    line-height: 1.5;
}

.working-state[b-dsn8rkb2cf] {
    background: var(--verify-navy);
    color: #fff;
}

.working-state p[b-dsn8rkb2cf] {
    color: #c3dce5;
}

.verification-spinner[b-dsn8rkb2cf] {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
    border: 0.35rem solid rgba(255, 255, 255, 0.22);
    border-top-color: var(--verify-cyan);
    animation: verify-spin-b-dsn8rkb2cf 900ms linear infinite;
}

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

.verification-note[b-dsn8rkb2cf] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 0.9rem;
    border-inline-start: 0.3rem solid var(--verify-cyan);
    background: #e8f8fb;
    padding: 0.85rem;
}

.note-mark[b-dsn8rkb2cf],
.state-mark[b-dsn8rkb2cf] {
    display: grid;
    place-items: center;
    font-weight: 900;
}

.note-mark[b-dsn8rkb2cf] {
    flex: 0 0 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
    background: var(--verify-cyan);
    color: var(--verify-navy);
}

.verification-note strong[b-dsn8rkb2cf],
.verification-note small[b-dsn8rkb2cf] {
    display: block;
}

.verification-note strong[b-dsn8rkb2cf] {
    color: var(--verify-navy);
    font-size: 0.84rem;
}

.verification-note small[b-dsn8rkb2cf] {
    margin-top: 0.15rem;
    color: var(--verify-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.success-state[b-dsn8rkb2cf] {
    background: #e8f8fb;
    color: var(--verify-navy);
}

.state-mark[b-dsn8rkb2cf] {
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    border: 0.3rem solid #fff;
    background: var(--verify-cyan);
    box-shadow: 0 0 0 0.18rem var(--verify-cyan);
    color: var(--verify-navy);
    font-size: 1.75rem;
}

.failure-state[b-dsn8rkb2cf] {
    border-color: #c73542;
    background: #fff0f1;
    color: #7a1d27;
}

.failure-state .state-mark[b-dsn8rkb2cf] {
    background: #c73542;
    box-shadow: 0 0 0 0.18rem #c73542;
    color: #fff;
}

.recovery-panel[b-dsn8rkb2cf] {
    margin-top: 0.9rem;
    border-inline-start: 0.3rem solid #e7a400;
    background: #fff8dc;
    padding: 0.85rem;
    color: #634800;
}

.recovery-panel strong[b-dsn8rkb2cf] {
    display: block;
    font-size: 0.84rem;
}

.recovery-panel p[b-dsn8rkb2cf] {
    margin: 0.18rem 0 0;
    font-size: 0.72rem;
    line-height: 1.5;
}

.verify-actions[b-dsn8rkb2cf] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.primary-action[b-dsn8rkb2cf],
.secondary-action[b-dsn8rkb2cf] {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border: 2px solid var(--verify-cyan);
    border-radius: 0;
    padding: 0.65rem 1rem;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.primary-action[b-dsn8rkb2cf] {
    background: var(--verify-cyan);
    color: var(--verify-navy);
}

.secondary-action[b-dsn8rkb2cf] {
    border-color: var(--verify-line);
    background: #fff;
    color: var(--verify-navy);
}

.primary-action:hover[b-dsn8rkb2cf],
.primary-action:focus-visible[b-dsn8rkb2cf] {
    border-color: var(--verify-navy);
    background: var(--verify-navy);
    color: #fff;
}

.secondary-action:hover[b-dsn8rkb2cf],
.secondary-action:focus-visible[b-dsn8rkb2cf] {
    border-color: var(--verify-cyan-dark);
    color: var(--verify-cyan-dark);
}

.primary-action:focus-visible[b-dsn8rkb2cf],
.secondary-action:focus-visible[b-dsn8rkb2cf] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

@media (min-width: 25rem) {
    .verify-actions[b-dsn8rkb2cf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .verification-spinner[b-dsn8rkb2cf] {
        animation: none;
        border-color: rgba(255, 255, 255, 0.35);
        border-top-color: var(--verify-cyan);
    }

    .primary-action[b-dsn8rkb2cf],
    .secondary-action[b-dsn8rkb2cf] {
        transition: none;
    }
}
/* /Components/Pages/Auth/WhatsAppLogin.razor.rz.scp.css */
.login-page[b-oqmr093hw9] {
    --login-navy: #063548;
    --login-cyan: #00afd0;
    --login-cyan-dark: #008aaa;
    --login-ink: #082d3d;
    --login-muted: #58707a;
    --login-line: #cbd9de;
    color: var(--login-ink);
}

.login-heading[b-oqmr093hw9] {
    margin-bottom: 1.25rem;
    text-align: start;
}

.login-page .login-heading h1[b-oqmr093hw9] {
    margin: 0.3rem 0 0.45rem;
    color: var(--login-navy);
    font-size: clamp(1.75rem, 7vw, 2.25rem);
    font-weight: 800;
    line-height: 1.1;
    text-align: start;
}

.login-heading p[b-oqmr093hw9] {
    margin: 0;
    color: var(--login-muted);
    font-size: 0.94rem;
    line-height: 1.65;
}

.login-kicker[b-oqmr093hw9] {
    display: inline-block;
    border-inline-start: 0.25rem solid var(--login-cyan);
    padding-inline-start: 0.55rem;
    color: var(--login-cyan-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.security-note[b-oqmr093hw9],
.login-feedback[b-oqmr093hw9],
.signup-panel[b-oqmr093hw9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.security-note[b-oqmr093hw9] {
    margin-bottom: 1.2rem;
    border-inline-start: 0.3rem solid var(--login-cyan);
    background: #e8f8fb;
    padding: 0.85rem;
}

.security-note strong[b-oqmr093hw9],
.security-note small[b-oqmr093hw9],
.remember-option strong[b-oqmr093hw9],
.remember-option small[b-oqmr093hw9] {
    display: block;
}

.security-note strong[b-oqmr093hw9] {
    color: var(--login-navy);
    font-size: 0.88rem;
}

.security-note small[b-oqmr093hw9] {
    margin-top: 0.15rem;
    color: var(--login-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.security-mark[b-oqmr093hw9],
.feedback-mark[b-oqmr093hw9],
.signup-mark[b-oqmr093hw9] {
    display: grid;
    flex: 0 0 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    background: var(--login-cyan);
    color: #fff;
    font-weight: 900;
}

.login-feedback[b-oqmr093hw9] {
    margin-bottom: 1.2rem;
    padding: 0.9rem;
}

.login-feedback strong[b-oqmr093hw9] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.9rem;
}

.login-feedback p[b-oqmr093hw9],
.login-feedback ul[b-oqmr093hw9] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
}

.login-feedback ul[b-oqmr093hw9] {
    padding-inline-start: 1.1rem;
}

.login-feedback small[b-oqmr093hw9] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.74rem;
    line-height: 1.45;
}

.activation-feedback[b-oqmr093hw9] {
    border-inline-start: 0.3rem solid #e7a400;
    background: #fff8dc;
    color: #634800;
}

.activation-feedback .feedback-mark[b-oqmr093hw9] {
    background: #e7a400;
}

.login-page[b-oqmr093hw9]  .resend-activation-form {
    margin-top: 0.65rem;
}

.resend-activation-button[b-oqmr093hw9] {
    min-height: 2.5rem;
    border: 1px solid #a97e00;
    border-radius: 0;
    background: #fff;
    padding: 0.4rem 0.9rem;
    color: #634800;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 150ms ease, color 150ms ease;
}

.resend-activation-button:hover[b-oqmr093hw9],
.resend-activation-button:focus-visible[b-oqmr093hw9] {
    background: #634800;
    color: #fff;
}

.login-feedback .activation-resent[b-oqmr093hw9] {
    margin-top: 0.55rem;
    font-weight: 700;
}

.login-feedback .activation-resend-error[b-oqmr093hw9] {
    margin-top: 0.4rem;
    color: #7a1d27;
    font-weight: 700;
}

.error-feedback[b-oqmr093hw9] {
    border-inline-start: 0.3rem solid #c73542;
    background: #fff0f1;
    color: #7a1d27;
}

.error-feedback .feedback-mark[b-oqmr093hw9] {
    background: #c73542;
}

.login-form[b-oqmr093hw9] {
    display: grid;
    gap: 1.05rem;
}

.login-field label[b-oqmr093hw9] {
    display: block;
    margin-bottom: 0.42rem;
    color: var(--login-navy);
    font-size: 0.86rem;
    font-weight: 800;
}

.login-field > small[b-oqmr093hw9] {
    display: block;
    margin-top: 0.35rem;
    color: var(--login-muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.login-page[b-oqmr093hw9]  .login-input {
    width: 100%;
    min-height: 3.25rem;
    border: 1px solid var(--login-line);
    border-radius: 0;
    background: #f8fbfc;
    padding: 0.75rem 0.85rem;
    color: var(--login-ink);
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.login-page[b-oqmr093hw9]  .login-input:hover {
    border-color: #90aab3;
    background: #fff;
}

.login-page[b-oqmr093hw9]  .login-input:focus {
    border-color: var(--login-cyan-dark);
    background: #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 175, 208, 0.16);
}

.login-page[b-oqmr093hw9]  .field-error {
    display: block;
    margin-top: 0.35rem;
    color: #b42331;
    font-size: 0.76rem;
    font-weight: 700;
}

.login-options[b-oqmr093hw9] {
    display: grid;
    gap: 0.8rem;
    border-top: 1px solid var(--login-line);
    padding-top: 1rem;
}

.remember-option[b-oqmr093hw9] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.login-page[b-oqmr093hw9]  .remember-checkbox {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.1rem;
    accent-color: var(--login-cyan-dark);
}

.remember-option label[b-oqmr093hw9] {
    cursor: pointer;
}

.remember-option strong[b-oqmr093hw9] {
    color: var(--login-navy);
    font-size: 0.83rem;
}

.remember-option small[b-oqmr093hw9] {
    margin-top: 0.12rem;
    color: var(--login-muted);
    font-size: 0.71rem;
    line-height: 1.4;
}

.forgot-link[b-oqmr093hw9] {
    width: fit-content;
    color: var(--login-cyan-dark);
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.forgot-link:hover[b-oqmr093hw9] {
    color: var(--login-navy);
}

.login-action[b-oqmr093hw9] {
    display: grid;
    gap: 0.85rem;
    border-top: 0.3rem solid var(--login-cyan);
    background: var(--login-navy);
    padding: 1rem;
    color: #fff;
}

.login-action strong[b-oqmr093hw9],
.login-action span[b-oqmr093hw9] {
    display: block;
}

.login-action strong[b-oqmr093hw9] {
    font-size: 0.9rem;
}

.login-action span[b-oqmr093hw9] {
    margin-top: 0.2rem;
    color: #c3dce5;
    font-size: 0.72rem;
    line-height: 1.45;
}

.login-button[b-oqmr093hw9] {
    min-height: 3rem;
    border: 2px solid var(--login-cyan);
    border-radius: 0;
    background: var(--login-cyan);
    padding: 0.65rem 1rem;
    color: #042d3d;
    font-size: 0.88rem;
    font-weight: 900;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.login-button:hover[b-oqmr093hw9],
.login-button:focus-visible[b-oqmr093hw9] {
    border-color: #fff;
    background: #fff;
    color: var(--login-navy);
}

.login-button:focus-visible[b-oqmr093hw9],
.forgot-link:focus-visible[b-oqmr093hw9],
.signup-panel a:focus-visible[b-oqmr093hw9] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

.signup-panel[b-oqmr093hw9] {
    margin-top: 1rem;
    border: 1px solid var(--login-line);
    padding: 0.9rem;
}

.signup-mark[b-oqmr093hw9] {
    background: #e8f8fb;
    color: var(--login-cyan-dark);
    font-size: 1.25rem;
}

.signup-panel div[b-oqmr093hw9] {
    min-width: 0;
}

.signup-panel strong[b-oqmr093hw9] {
    display: block;
    color: var(--login-navy);
    font-size: 0.84rem;
}

.signup-panel p[b-oqmr093hw9] {
    margin: 0.15rem 0 0;
    color: var(--login-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.signup-panel a[b-oqmr093hw9] {
    flex: 0 0 auto;
    align-self: center;
    border: 1px solid var(--login-cyan-dark);
    padding: 0.48rem 0.65rem;
    color: var(--login-cyan-dark);
    font-size: 0.74rem;
    font-weight: 800;
    text-decoration: none;
}

.signup-panel a:hover[b-oqmr093hw9] {
    background: var(--login-cyan-dark);
    color: #fff;
}

@media (min-width: 30rem) {
    .login-options[b-oqmr093hw9] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .forgot-link[b-oqmr093hw9] {
        text-align: end;
    }
}

@media (max-width: 24rem) {
    .signup-panel[b-oqmr093hw9] {
        flex-wrap: wrap;
    }

    .signup-panel div[b-oqmr093hw9] {
        flex: 1 1 calc(100% - 2.65rem);
    }

    .signup-panel a[b-oqmr093hw9] {
        width: 100%;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-page[b-oqmr093hw9]  .login-input,
    .login-button[b-oqmr093hw9] {
        transition: none;
    }
}

.step-links[b-oqmr093hw9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.phone-split[b-oqmr093hw9] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.login-page[b-oqmr093hw9]  .phone-dialcode {
    width: 5.5rem;
    flex: 0 0 5.5rem;
    text-align: center;
    font-weight: 700;
}

.login-page[b-oqmr093hw9]  .phone-local {
    flex: 1 1 auto;
    width: auto;
    letter-spacing: 0.04em;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-container[b-12574hwnn4] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.contact-hero[b-12574hwnn4] {
    border-bottom: 1px solid #cbdde1;
    background:
        linear-gradient(140deg, rgba(0, 180, 216, .14), transparent 48%),
        #f8fbfc;
}

.contact-hero-grid[b-12574hwnn4] {
    display: grid;
    gap: 2rem;
    align-items: end;
    padding-block: 3.5rem;
}

.contact-eyebrow[b-12574hwnn4] {
    margin: 0 0 .85rem;
    color: #007d98;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.contact-hero h1[b-12574hwnn4] {
    max-width: 800px;
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2.5rem, 10vw, 5rem);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: .98;
}

.contact-lead[b-12574hwnn4] {
    max-width: 720px;
    margin: 1.4rem 0 0;
    color: #4d666e;
    font-size: clamp(1.05rem, 3vw, 1.25rem);
    line-height: 1.75;
}

.contact-direct[b-12574hwnn4] {
    padding: 1.35rem;
    display: grid;
    gap: .5rem;
    color: #fff;
    border: 1px solid #0a2a33;
    background: #0a2a33;
    box-shadow: .55rem .55rem 0 #f39c12;
}

.contact-direct > span[b-12574hwnn4] {
    color: #48cae4;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.contact-direct a[b-12574hwnn4] {
    width: fit-content;
    color: #fff;
    font-size: clamp(1rem, 4vw, 1.25rem);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.contact-direct small[b-12574hwnn4] {
    color: rgba(255, 255, 255, .68);
    line-height: 1.55;
}

.contact-section[b-12574hwnn4] {
    padding-block: 4.5rem;
}

.contact-section-heading[b-12574hwnn4] {
    max-width: 730px;
    margin-bottom: 2rem;
}

.contact-section-heading h2[b-12574hwnn4],
.contact-cta h2[b-12574hwnn4] {
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2rem, 6vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.contact-section-heading > p:not(.contact-eyebrow)[b-12574hwnn4],
.contact-cta p[b-12574hwnn4] {
    margin: 1rem 0 0;
    color: #587078;
    font-size: 1.05rem;
    line-height: 1.75;
}

.form-section[b-12574hwnn4] {
    background: #edf2f4;
}

.contact-form-grid[b-12574hwnn4] {
    display: grid;
    gap: 1rem 3rem;
    align-items: start;
}

.contact-form-shell[b-12574hwnn4],
.form-success[b-12574hwnn4] {
    scroll-margin-top: 5.5rem;
    padding: 1.25rem;
    border-top: 5px solid #00b4d8;
    background: #fff;
    box-shadow: .55rem .55rem 0 rgba(10, 42, 51, .14);
}

.contact-form-fields[b-12574hwnn4] {
    display: grid;
    gap: 1rem;
}

.contact-form[b-12574hwnn4]  .form-label {
    margin-bottom: .4rem;
    color: #0a2a33;
    font-weight: 800;
}

.contact-form[b-12574hwnn4]  .form-control {
    min-height: 3.1rem;
    border: 1px solid #9fb6bc;
    border-radius: 0;
    color: #0a2a33;
    background: #fff;
}

.contact-form[b-12574hwnn4]  textarea.form-control {
    min-height: 9rem;
    resize: vertical;
}

.contact-form[b-12574hwnn4]  .form-control:focus {
    border-color: #007d98;
    box-shadow: 0 0 0 .2rem rgba(0, 180, 216, .2);
}

.field-help[b-12574hwnn4],
.contact-form-note[b-12574hwnn4] {
    display: block;
    color: #647a81;
    font-size: .82rem;
    line-height: 1.5;
}

.field-help[b-12574hwnn4] {
    margin-top: .35rem;
}

.contact-form[b-12574hwnn4]  .validation-message {
    display: block;
    margin-top: .35rem;
    color: #a71919;
    font-size: .84rem;
    font-weight: 700;
}

.contact-submit[b-12574hwnn4] {
    min-height: 3.25rem;
    margin-top: 1.25rem;
    padding: .8rem 1.35rem;
    border: 2px solid #0a2a33;
    color: #0a2a33;
    background: #00b4d8;
    font-weight: 900;
}

.contact-submit:hover[b-12574hwnn4] {
    background: #16c2e4;
}

.contact-submit:focus-visible[b-12574hwnn4] {
    outline: 3px solid #f39c12;
    outline-offset: 3px;
}

.contact-form-note[b-12574hwnn4] {
    margin: .7rem 0 0;
}

.contact-form-error[b-12574hwnn4] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    color: #7c1212;
    border-inline-start: .35rem solid #b32121;
    background: #fde8e8;
}

.contact-form-error p[b-12574hwnn4] {
    margin: 0;
}

.contact-honeypot[b-12574hwnn4] {
    position: absolute !important;
    inset-inline-start: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.form-success[b-12574hwnn4] {
    border-top-color: #f39c12;
}

.form-success > span[b-12574hwnn4] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    color: #0a2a33;
    background: #f39c12;
    font-size: 1.8rem;
    font-weight: 900;
}

.form-success h2[b-12574hwnn4] {
    margin: 1.3rem 0 .6rem;
    color: #0a2a33;
    font-size: 1.65rem;
    font-weight: 800;
}

.form-success p[b-12574hwnn4] {
    margin: 0;
    color: #587078;
    line-height: 1.7;
}

.form-success a[b-12574hwnn4] {
    margin-top: 1.15rem;
    display: inline-block;
    color: #007d98;
    font-weight: 800;
}

.contact-cards[b-12574hwnn4] {
    display: grid;
    gap: .75rem;
}

.contact-card[b-12574hwnn4] {
    position: relative;
    min-height: 17rem;
    padding: 1.45rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #0a2a33;
}

.card-number[b-12574hwnn4] {
    margin-inline-start: auto;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    opacity: .7;
}

.contact-card h3[b-12574hwnn4] {
    margin: auto 0 .7rem;
    font-size: 1.4rem;
    font-weight: 800;
}

.contact-card p[b-12574hwnn4] {
    margin: 0 0 1.15rem;
    line-height: 1.65;
}

.contact-card a[b-12574hwnn4] {
    color: inherit;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.card-cyan[b-12574hwnn4] {
    background: #00b4d8;
}

.card-navy[b-12574hwnn4] {
    color: #fff;
    background: #0a2a33;
}

.card-orange[b-12574hwnn4] {
    background: #f39c12;
}

.prepare-section[b-12574hwnn4] {
    color: #fff;
    background: #0a2a33;
}

.prepare-section .contact-eyebrow[b-12574hwnn4] {
    color: #48cae4;
}

.prepare-section .contact-section-heading h2[b-12574hwnn4],
.prepare-section .contact-section-heading > p:not(.contact-eyebrow)[b-12574hwnn4] {
    color: #fff;
}

.prepare-section .contact-section-heading > p:not(.contact-eyebrow)[b-12574hwnn4] {
    opacity: .72;
}

.prepare-grid[b-12574hwnn4] {
    display: grid;
    gap: 2.5rem;
}

.prepare-list[b-12574hwnn4] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.prepare-list li[b-12574hwnn4] {
    min-height: 4.5rem;
    padding-block: 1rem;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.prepare-list span[b-12574hwnn4] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    color: #0a2a33;
    background: #00b4d8;
    font-weight: 900;
}

.prepare-list p[b-12574hwnn4] {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    line-height: 1.6;
}

.security-note[b-12574hwnn4] {
    margin-top: 2.5rem;
    padding: 1.1rem 1.25rem;
    color: #0a2a33;
    border-inline-start: .4rem solid #f39c12;
    background: #fff;
}

.security-note strong[b-12574hwnn4] {
    display: block;
    margin-bottom: .3rem;
}

.security-note p[b-12574hwnn4] {
    margin: 0;
    line-height: 1.65;
}

.self-service-section[b-12574hwnn4] {
    background: #edf2f4;
}

.self-service-grid[b-12574hwnn4] {
    display: grid;
    gap: 1rem 3rem;
}

.self-service-links[b-12574hwnn4] {
    display: grid;
    gap: .6rem;
}

.self-service-links a[b-12574hwnn4] {
    min-height: 5rem;
    padding: 1rem 3.25rem 1rem 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #0a2a33;
    border: 1px solid #b8cdd2;
    background: #fff;
    text-decoration: none;
}

[dir="rtl"] .self-service-links a[b-12574hwnn4] {
    padding: 1rem 1rem 1rem 3.25rem;
}

.self-service-links a[b-12574hwnn4]::after {
    content: "→";
    position: absolute;
    inset-inline-end: 1rem;
    color: #00839f;
    font-size: 1.3rem;
    font-weight: 900;
}

[dir="rtl"] .self-service-links a[b-12574hwnn4]::after {
    content: "←";
}

.self-service-links a:hover[b-12574hwnn4] {
    border-color: #00a7c8;
    box-shadow: .3rem .3rem 0 #00b4d8;
}

.self-service-links strong[b-12574hwnn4],
.self-service-links span[b-12574hwnn4] {
    display: block;
}

.self-service-links span[b-12574hwnn4] {
    margin-top: .2rem;
    color: #60777e;
    font-size: .9rem;
}

.contact-cta[b-12574hwnn4] {
    background: #00a7c8;
}

.contact-cta-inner[b-12574hwnn4] {
    padding-block: 3rem;
    display: grid;
    gap: 1.5rem;
    align-items: center;
}

.contact-cta p[b-12574hwnn4] {
    color: #0a2a33;
}

.contact-cta a[b-12574hwnn4] {
    min-height: 3.25rem;
    padding: .8rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0a2a33;
    border: 2px solid #0a2a33;
    background: #fff;
    font-weight: 800;
    text-decoration: none;
}

.contact-cta a:hover[b-12574hwnn4] {
    color: #0a2a33;
    transform: translateY(-2px);
}

.contact-card a:focus-visible[b-12574hwnn4],
.contact-direct a:focus-visible[b-12574hwnn4],
.self-service-links a:focus-visible[b-12574hwnn4],
.contact-cta a:focus-visible[b-12574hwnn4] {
    outline: 3px solid #f39c12;
    outline-offset: 3px;
}

@media (min-width: 700px) {
    .contact-container[b-12574hwnn4] {
        width: min(100% - 3rem, 1180px);
    }

    .contact-cards[b-12574hwnn4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .contact-form-fields[b-12574hwnn4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-email-field[b-12574hwnn4],
    .contact-message-field[b-12574hwnn4] {
        grid-column: 1 / -1;
    }

    .self-service-grid[b-12574hwnn4],
    .contact-cta-inner[b-12574hwnn4] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .contact-cta-inner[b-12574hwnn4] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (min-width: 960px) {
    .contact-hero-grid[b-12574hwnn4] {
        min-height: 500px;
        grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
        gap: 5rem;
        padding-block: 5rem;
    }

    .prepare-grid[b-12574hwnn4] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 5rem;
        align-items: start;
    }

    .contact-form-grid[b-12574hwnn4] {
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
        gap: 5rem;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-43ncd6v381] {
    --dashboard-navy: #073e4f;
    --dashboard-cyan: #02adcc;
    --dashboard-coral: #ec5b4f;
    --dashboard-ink: #102e38;
    --dashboard-muted: #61747b;
    --dashboard-surface: #ffffff;
    --dashboard-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .35rem 3rem;
    color: var(--dashboard-ink);
}

.dashboard-hero[b-43ncd6v381] {
    position: relative;
    display: grid;
    gap: 1.75rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3.25rem);
    color: #fff;
    background: var(--dashboard-navy);
    border-block-start: .45rem solid var(--dashboard-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 16%);
}

.dashboard-hero[b-43ncd6v381]::after {
    position: absolute;
    inset-block-start: -.5rem;
    inset-inline-end: -4.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.7rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-43ncd6v381],
.hero-actions[b-43ncd6v381] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-43ncd6v381],
.section-kicker[b-43ncd6v381] {
    display: block;
    margin-block-end: .55rem;
    color: var(--dashboard-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-43ncd6v381] {
    max-width: 15ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.7rem);
    font-weight: 750;
    line-height: 1.04;
    letter-spacing: -.035em;
}

.hero-copy p[b-43ncd6v381] {
    max-width: 42rem;
    margin: 1rem 0 .65rem;
    color: rgb(255 255 255 / 78%);
    font-size: clamp(.95rem, 2vw, 1.08rem);
    line-height: 1.65;
}

.account-name[b-43ncd6v381] {
    display: inline-block;
    color: rgb(255 255 255 / 60%);
    font-size: .82rem;
}

.hero-actions[b-43ncd6v381] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.hero-actions form[b-43ncd6v381] {
    margin: 0;
}

.hero-link[b-43ncd6v381],
.sign-out-button[b-43ncd6v381] {
    display: inline-flex;
    min-height: 2.85rem;
    padding: .7rem 1rem;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.hero-link[b-43ncd6v381] {
    color: var(--dashboard-navy);
    background: #fff;
    border-color: #fff;
}

.dashboard-section[b-43ncd6v381] {
    margin-block-start: clamp(2rem, 5vw, 3.5rem);
}

.section-heading[b-43ncd6v381] {
    display: flex;
    margin-block-end: 1rem;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-43ncd6v381] {
    margin: 0;
    color: var(--dashboard-ink);
    font-size: clamp(1.35rem, 4vw, 1.8rem);
    font-weight: 750;
    letter-spacing: -.02em;
}

.section-kicker[b-43ncd6v381] {
    margin-block-end: .3rem;
    color: #0088a1;
}

.section-meta[b-43ncd6v381] {
    color: var(--dashboard-muted);
    font-size: .85rem;
}

.stats-grid[b-43ncd6v381] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.stat-card[b-43ncd6v381] {
    display: flex;
    min-height: 9.4rem;
    padding: 1.2rem;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--dashboard-line);
    background: var(--dashboard-surface);
}

.stat-card-primary[b-43ncd6v381] {
    grid-column: 1 / -1;
    color: #fff;
    background: var(--dashboard-cyan);
    border-color: var(--dashboard-cyan);
}

.stat-card strong[b-43ncd6v381] {
    margin-block: .4rem;
    font-size: clamp(2.25rem, 7vw, 3.4rem);
    font-weight: 800;
    line-height: 1;
}

.stat-card > span:last-child[b-43ncd6v381] {
    color: var(--dashboard-muted);
    font-size: .78rem;
    line-height: 1.35;
}

.stat-card-primary > span:last-child[b-43ncd6v381] {
    color: rgb(255 255 255 / 82%);
}

.stat-label[b-43ncd6v381] {
    color: inherit;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .03em;
}

.stat-card-success[b-43ncd6v381] {
    border-block-start: .35rem solid #3bad86;
}

.stat-card-waiting[b-43ncd6v381] {
    border-block-start: .35rem solid #efaa3d;
}

.action-grid[b-43ncd6v381] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.action-tile[b-43ncd6v381] {
    position: relative;
    display: flex;
    min-height: 10.5rem;
    overflow: hidden;
    padding: 1.1rem;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    background: var(--dashboard-cyan);
    text-decoration: none;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.action-tile:hover[b-43ncd6v381] {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 .85rem 1.75rem rgb(16 46 56 / 16%);
}

.action-tile-coral[b-43ncd6v381] { background: var(--dashboard-coral); }
.action-tile-navy[b-43ncd6v381] { background: var(--dashboard-navy); }
.action-tile-admin[b-43ncd6v381] { background: #5b4b8a; }

.action-tile-light[b-43ncd6v381] {
    color: var(--dashboard-ink);
    background: #e8f1f3;
}

.action-tile-light:hover[b-43ncd6v381] { color: var(--dashboard-ink); }

.tile-number[b-43ncd6v381] {
    color: rgb(255 255 255 / 70%);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.action-tile-light .tile-number[b-43ncd6v381] { color: #74878d; }

.tile-copy[b-43ncd6v381] {
    display: flex;
    padding-inline-end: 1.2rem;
    flex-direction: column;
    gap: .3rem;
}

.tile-copy strong[b-43ncd6v381] {
    font-size: clamp(.98rem, 3vw, 1.12rem);
    line-height: 1.2;
}

.tile-copy > span[b-43ncd6v381] {
    color: rgb(255 255 255 / 78%);
    font-size: .76rem;
    line-height: 1.4;
}

.action-tile-light .tile-copy > span[b-43ncd6v381] { color: var(--dashboard-muted); }

.tile-arrow[b-43ncd6v381] {
    position: absolute;
    inset-block-end: 1rem;
    inset-inline-end: 1rem;
    font-size: 1.25rem;
}

.section-link[b-43ncd6v381] {
    flex: none;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.mosque-section[b-43ncd6v381] {
    padding: clamp(1rem, 3vw, 1.6rem);
    border: 1px solid var(--dashboard-line);
    background: #fff;
}

.mosque-list[b-43ncd6v381] { border-block-start: 1px solid var(--dashboard-line); }

.mosque-row[b-43ncd6v381] {
    display: grid;
    min-height: 5.3rem;
    padding: .85rem 0;
    grid-template-columns: 2.7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    border-block-end: 1px solid var(--dashboard-line);
    color: var(--dashboard-ink);
    text-decoration: none;
}

.mosque-row:last-child[b-43ncd6v381] { border-block-end: 0; }
.mosque-row:hover .mosque-copy strong[b-43ncd6v381] { color: #0088a1; }

.mosque-monogram[b-43ncd6v381] {
    display: grid;
    width: 2.7rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--dashboard-navy);
    font-size: 1rem;
    font-weight: 800;
}

.mosque-copy[b-43ncd6v381] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .2rem;
}

.mosque-copy strong[b-43ncd6v381],
.mosque-copy span[b-43ncd6v381] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mosque-copy span[b-43ncd6v381] {
    color: var(--dashboard-muted);
    font-size: .8rem;
}

.status-pill[b-43ncd6v381] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #7e5a17;
    font-size: .68rem;
    font-weight: 750;
}

.status-pill.is-verified[b-43ncd6v381] { color: #1e7457; }

.status-dot[b-43ncd6v381] {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #efaa3d;
}

.is-verified .status-dot[b-43ncd6v381] { background: #3bad86; }

.row-arrow[b-43ncd6v381] {
    display: none;
    color: #86969b;
}

.dashboard-state[b-43ncd6v381] {
    display: flex;
    min-height: 11rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .55rem;
    color: var(--dashboard-muted);
    text-align: center;
    background: #f4f8f9;
}

.dashboard-state strong[b-43ncd6v381] { color: var(--dashboard-ink); }

.dashboard-state a[b-43ncd6v381] {
    margin-block-start: .4rem;
    color: #007f98;
    font-weight: 750;
}

.loading-mark[b-43ncd6v381] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--dashboard-cyan);
    border-radius: 50%;
    animation: dashboard-spin-b-43ncd6v381 .8s linear infinite;
}

.empty-mark[b-43ncd6v381] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--dashboard-cyan);
    font-size: 1.8rem;
    font-weight: 300;
}

.state-button[b-43ncd6v381] {
    padding: .7rem 1rem;
    color: #fff !important;
    background: var(--dashboard-navy);
    text-decoration: none;
}

.dashboard-state-error[b-43ncd6v381] { border-inline-start: .3rem solid var(--dashboard-coral); }

.dashboard-page a:focus-visible[b-43ncd6v381],
.dashboard-page button:focus-visible[b-43ncd6v381] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .dashboard-hero[b-43ncd6v381] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .hero-actions[b-43ncd6v381] { justify-content: end; }

    .stats-grid[b-43ncd6v381] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .stat-card-primary[b-43ncd6v381] { grid-column: auto; }
    .action-grid[b-43ncd6v381] { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .mosque-row[b-43ncd6v381] {
        grid-template-columns: 3rem minmax(0, 1fr) auto 1.25rem;
        padding-inline: .4rem;
    }

    .row-arrow[b-43ncd6v381] { display: inline; }
}

@media (prefers-reduced-motion: reduce) {
    .action-tile[b-43ncd6v381] { transition: none; }
    .loading-mark[b-43ncd6v381] { animation: none; }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-e3w0puzs6g] {
    --error-navy: #063548;
    --error-cyan: #00afd0;
    --error-cyan-dark: #008aaa;
    --error-red: #d72638;
    --error-red-dark: #a81827;
    --error-ink: #082d3d;
    --error-muted: #58707a;
    --error-line: #cbd9de;
    width: min(100%, 76rem);
    margin-inline: auto;
    padding: clamp(2rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem);
    color: var(--error-ink);
}

.error-grid[b-e3w0puzs6g] {
    display: grid;
    border: 1px solid var(--error-line);
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(6, 53, 72, 0.1);
    grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 1.25fr);
}

.error-code-panel[b-e3w0puzs6g] {
    position: relative;
    display: flex;
    min-height: 29rem;
    overflow: hidden;
    border-block-start: 0.45rem solid var(--error-red);
    background: var(--error-navy);
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    flex-direction: column;
    justify-content: center;
}

.error-code-panel > span[b-e3w0puzs6g] {
    color: #ff9ca5;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.error-code-panel > strong[b-e3w0puzs6g] {
    position: relative;
    z-index: 1;
    margin-top: 0.3rem;
    color: #fff;
    font-size: clamp(5.5rem, 13vw, 9rem);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 0.95;
}

.signal-blocks[b-e3w0puzs6g] {
    position: absolute;
    inset-block-end: 1.5rem;
    inset-inline-end: 1.5rem;
    display: grid;
    align-items: end;
    grid-template-columns: repeat(4, 1.5rem);
    gap: 0.35rem;
    opacity: 0.9;
}

.signal-blocks i[b-e3w0puzs6g] {
    display: block;
    height: 1.5rem;
    background: #176077;
}

.signal-blocks i:nth-child(2)[b-e3w0puzs6g] {
    height: 2.25rem;
    background: var(--error-cyan);
}

.signal-blocks i:nth-child(3)[b-e3w0puzs6g] {
    height: 3rem;
    background: var(--error-red);
}

.signal-blocks i:nth-child(4)[b-e3w0puzs6g] {
    height: 1rem;
    background: #176077;
}

.error-copy[b-e3w0puzs6g] {
    display: flex;
    justify-content: center;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    flex-direction: column;
}

.error-kicker[b-e3w0puzs6g] {
    width: fit-content;
    border-inline-start: 0.25rem solid var(--error-red);
    padding-inline-start: 0.55rem;
    color: var(--error-red-dark);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.error-copy h1[b-e3w0puzs6g] {
    margin: 0.65rem 0 0.7rem;
    color: var(--error-navy);
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 1.04;
}

.error-copy > p[b-e3w0puzs6g] {
    margin: 0;
    color: var(--error-muted);
    font-size: 1rem;
    line-height: 1.65;
}

.request-reference[b-e3w0puzs6g] {
    display: grid;
    min-width: 0;
    margin-top: 1.25rem;
    border-inline-start: 0.3rem solid var(--error-cyan);
    background: #eef6f8;
    padding: 0.85rem 1rem;
}

.request-reference > span[b-e3w0puzs6g] {
    color: var(--error-cyan-dark);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.request-reference code[b-e3w0puzs6g] {
    margin-top: 0.3rem;
    color: var(--error-navy);
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
    text-align: start;
    unicode-bidi: isolate;
}

.request-reference small[b-e3w0puzs6g] {
    margin-top: 0.3rem;
    color: var(--error-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.error-actions[b-e3w0puzs6g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.5rem;
}

.primary-action[b-e3w0puzs6g],
.secondary-action[b-e3w0puzs6g] {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border: 2px solid var(--error-cyan);
    border-radius: 0;
    padding: 0.65rem 1rem;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.primary-action[b-e3w0puzs6g] {
    border-color: var(--error-red);
    background: var(--error-red);
    color: #fff;
}

.secondary-action[b-e3w0puzs6g] {
    border-color: var(--error-line);
    background: #fff;
    color: var(--error-navy);
}

.primary-action:hover[b-e3w0puzs6g],
.primary-action:focus-visible[b-e3w0puzs6g] {
    border-color: var(--error-red-dark);
    background: var(--error-red-dark);
    color: #fff;
}

.secondary-action:hover[b-e3w0puzs6g],
.secondary-action:focus-visible[b-e3w0puzs6g] {
    border-color: var(--error-cyan-dark);
    color: var(--error-cyan-dark);
}

.primary-action:focus-visible[b-e3w0puzs6g],
.secondary-action:focus-visible[b-e3w0puzs6g],
.support-panel > a:focus-visible[b-e3w0puzs6g],
.development-guidance summary:focus-visible[b-e3w0puzs6g] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

.support-panel[b-e3w0puzs6g] {
    display: grid;
    align-items: center;
    gap: 1.25rem;
    margin-top: clamp(1.5rem, 4vw, 2.5rem);
    border-block-start: 0.35rem solid var(--error-cyan);
    background: #eef6f8;
    padding: clamp(1.25rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr) auto;
}

.support-panel span[b-e3w0puzs6g] {
    color: var(--error-cyan-dark);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-panel h2[b-e3w0puzs6g] {
    margin: 0.25rem 0 0.35rem;
    color: var(--error-navy);
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 850;
}

.support-panel p[b-e3w0puzs6g] {
    max-width: 48rem;
    margin: 0;
    color: var(--error-muted);
    font-size: 0.86rem;
    line-height: 1.55;
}

.support-panel > a[b-e3w0puzs6g] {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border: 2px solid var(--error-navy);
    padding: 0.65rem 1rem;
    background: var(--error-navy);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.support-panel > a:hover[b-e3w0puzs6g],
.support-panel > a:focus-visible[b-e3w0puzs6g] {
    border-color: var(--error-cyan-dark);
    background: var(--error-cyan-dark);
    color: #fff;
}

.development-guidance[b-e3w0puzs6g] {
    margin-top: 1rem;
    border: 1px solid var(--error-line);
    background: #fff;
    padding: 1rem;
    color: var(--error-muted);
    font-size: 0.78rem;
}

.development-guidance summary[b-e3w0puzs6g] {
    cursor: pointer;
    color: var(--error-navy);
    font-weight: 900;
}

.development-guidance h2[b-e3w0puzs6g] {
    margin: 1rem 0 0.35rem;
    color: var(--error-navy);
    font-size: 1rem;
}

.development-guidance p[b-e3w0puzs6g] {
    margin: 0.35rem 0 0;
    line-height: 1.55;
}

@media (max-width: 48rem) {
    .error-grid[b-e3w0puzs6g] {
        grid-template-columns: 1fr;
    }

    .error-code-panel[b-e3w0puzs6g] {
        min-height: 13rem;
    }

    .error-code-panel > strong[b-e3w0puzs6g] {
        font-size: clamp(4.5rem, 24vw, 7rem);
    }

    .support-panel[b-e3w0puzs6g] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .support-panel > a[b-e3w0puzs6g] {
        width: 100%;
    }
}

@media (max-width: 25rem) {
    .error-actions[b-e3w0puzs6g],
    .primary-action[b-e3w0puzs6g],
    .secondary-action[b-e3w0puzs6g] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-e3w0puzs6g],
    .secondary-action[b-e3w0puzs6g],
    .support-panel > a[b-e3w0puzs6g] {
        transition: none;
    }
}
/* /Components/Pages/Faq.razor.rz.scp.css */
.faq-container[b-sz0lxxjj40] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.faq-hero[b-sz0lxxjj40] {
    border-bottom: 1px solid #cbdde1;
    background:
        linear-gradient(140deg, rgba(0, 180, 216, .14), transparent 48%),
        #f8fbfc;
}

.faq-hero-grid[b-sz0lxxjj40] {
    display: grid;
    gap: 2rem;
    align-items: end;
    padding-block: 3.5rem;
}

.faq-eyebrow[b-sz0lxxjj40] {
    margin: 0 0 .85rem;
    color: #007d98;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.faq-hero h1[b-sz0lxxjj40] {
    max-width: 800px;
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2.5rem, 10vw, 5rem);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: .98;
}

.faq-lead[b-sz0lxxjj40] {
    max-width: 720px;
    margin: 1.4rem 0 0;
    color: #4d666e;
    font-size: clamp(1.05rem, 3vw, 1.25rem);
    line-height: 1.75;
}

.faq-help-card[b-sz0lxxjj40] {
    padding: 1.35rem;
    color: #0a2a33;
    border: 1px solid #0a2a33;
    background: #f39c12;
    box-shadow: .55rem .55rem 0 #0a2a33;
}

.help-card-label[b-sz0lxxjj40] {
    display: block;
    margin-bottom: 1.5rem;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.faq-help-card strong[b-sz0lxxjj40] {
    display: block;
    font-size: 1.25rem;
}

.faq-help-card p[b-sz0lxxjj40] {
    margin: .6rem 0 1rem;
    line-height: 1.6;
}

.faq-help-card a[b-sz0lxxjj40] {
    min-height: 2.9rem;
    padding: .65rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0a2a33;
    font-weight: 800;
    text-decoration: none;
}

.faq-section[b-sz0lxxjj40] {
    padding-block: 4rem 5rem;
}

.faq-layout[b-sz0lxxjj40] {
    display: grid;
    gap: 2.5rem;
}

.faq-index[b-sz0lxxjj40] {
    padding: 1rem;
    display: grid;
    gap: .25rem;
    border-top: 4px solid #00b4d8;
    background: #edf2f4;
}

.faq-index > span[b-sz0lxxjj40] {
    padding: .5rem .65rem;
    color: #60777e;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.faq-index a[b-sz0lxxjj40] {
    min-height: 3rem;
    padding: .7rem .65rem;
    display: flex;
    align-items: center;
    color: #0a2a33;
    font-weight: 800;
    text-decoration: none;
}

.faq-index a:hover[b-sz0lxxjj40] {
    color: #006e85;
    background: #fff;
}

.faq-groups[b-sz0lxxjj40] {
    display: grid;
    gap: 4rem;
}

.faq-group[b-sz0lxxjj40] {
    scroll-margin-top: 6rem;
}

.faq-group header[b-sz0lxxjj40] {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    margin-bottom: 1rem;
}

.faq-group header span[b-sz0lxxjj40] {
    color: #00839f;
    font-size: .78rem;
    font-weight: 900;
}

.faq-group h2[b-sz0lxxjj40],
.faq-cta h2[b-sz0lxxjj40] {
    margin: 0;
    color: #0a2a33;
    font-size: clamp(1.65rem, 5vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.025em;
}

.faq-group details[b-sz0lxxjj40] {
    border-top: 1px solid #b9cdd2;
}

.faq-group details:last-child[b-sz0lxxjj40] {
    border-bottom: 1px solid #b9cdd2;
}

.faq-group details[open][b-sz0lxxjj40] {
    border-top-color: #00a7c8;
    background: #f3f9fa;
}

.faq-group summary[b-sz0lxxjj40] {
    position: relative;
    min-height: 4rem;
    padding: 1rem 3.25rem 1rem 1rem;
    display: flex;
    align-items: center;
    color: #0a2a33;
    font-size: 1.02rem;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
}

[dir="rtl"] .faq-group summary[b-sz0lxxjj40] {
    padding: 1rem 1rem 1rem 3.25rem;
}

.faq-group summary[b-sz0lxxjj40]::-webkit-details-marker {
    display: none;
}

.faq-group summary[b-sz0lxxjj40]::after {
    content: "+";
    position: absolute;
    inset-inline-end: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    color: #0a2a33;
    background: #00b4d8;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
}

.faq-group details[open] summary[b-sz0lxxjj40]::after {
    content: "−";
    background: #f39c12;
}

.faq-group summary:focus-visible[b-sz0lxxjj40] {
    outline: 3px solid #f39c12;
    outline-offset: 2px;
}

.faq-group details > p[b-sz0lxxjj40] {
    max-width: 760px;
    margin: 0;
    padding: 0 1rem 1.3rem;
    color: #536c74;
    line-height: 1.75;
}

.faq-group details > p a[b-sz0lxxjj40] {
    font-weight: 800;
}

.faq-cta[b-sz0lxxjj40] {
    color: #fff;
    background: #0a2a33;
}

.faq-cta-inner[b-sz0lxxjj40] {
    padding-block: 3rem;
    display: grid;
    gap: 1.5rem;
    align-items: center;
}

.faq-cta h2[b-sz0lxxjj40] {
    color: #fff;
}

.faq-cta p[b-sz0lxxjj40] {
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .72);
    line-height: 1.7;
}

.faq-cta a[b-sz0lxxjj40] {
    min-height: 3.25rem;
    padding: .8rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0a2a33;
    background: #f39c12;
    font-weight: 800;
    text-decoration: none;
}

.faq-cta a:hover[b-sz0lxxjj40] {
    color: #0a2a33;
    background: #ffad2e;
}

.faq-cta a:focus-visible[b-sz0lxxjj40],
.faq-help-card a:focus-visible[b-sz0lxxjj40] {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

@media (min-width: 700px) {
    .faq-container[b-sz0lxxjj40] {
        width: min(100% - 3rem, 1180px);
    }

    .faq-cta-inner[b-sz0lxxjj40] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (min-width: 960px) {
    .faq-hero-grid[b-sz0lxxjj40] {
        min-height: 500px;
        grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
        gap: 5rem;
        padding-block: 5rem;
    }

    .faq-layout[b-sz0lxxjj40] {
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 4rem;
        align-items: start;
    }

    .faq-index[b-sz0lxxjj40] {
        position: sticky;
        top: 6rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-hero[b-ejhd524exb] {
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(0, 180, 216, .1), transparent 44%),
        #f8fbfc;
    border-bottom: 1px solid #dce8eb;
}

.landing-container[b-ejhd524exb] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.hero-grid[b-ejhd524exb] {
    display: grid;
    gap: 2.5rem;
    align-items: center;
    padding-block: 3.25rem 3.75rem;
}

.eyebrow[b-ejhd524exb] {
    margin: 0 0 .85rem;
    color: #007d98;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hero-copy h1[b-ejhd524exb] {
    max-width: 780px;
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2.35rem, 10vw, 4.75rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: .98;
}

.hero-intro[b-ejhd524exb] {
    max-width: 680px;
    margin: 1.4rem 0 0;
    color: #49626a;
    font-size: clamp(1.05rem, 3vw, 1.25rem);
    line-height: 1.75;
}

.hero-actions[b-ejhd524exb] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.75rem;
}

.landing-button[b-ejhd524exb] {
    min-height: 3.25rem;
    padding: .8rem 1.25rem;
    display: inline-flex;
    gap: .75rem;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-radius: .35rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.landing-button:hover[b-ejhd524exb] {
    transform: translateY(-2px);
}

.landing-button:focus-visible[b-ejhd524exb] {
    outline: 3px solid #f39c12;
    outline-offset: 3px;
}

.landing-button-primary[b-ejhd524exb] {
    background: #00b4d8;
    color: #07252d;
    box-shadow: 0 8px 20px rgba(0, 124, 151, .18);
}

.landing-button-primary:hover[b-ejhd524exb] {
    background: #16c2e4;
    color: #07252d;
}

.landing-button-secondary[b-ejhd524exb] {
    border-color: #0a2a33;
    color: #0a2a33;
    background: #fff;
}

.landing-button-secondary:hover[b-ejhd524exb] {
    color: #0a2a33;
    background: #edf2f4;
}

.hero-points[b-ejhd524exb] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem 1rem;
    margin: 1.5rem 0 0;
    padding: 0;
    color: #49626a;
    list-style: none;
    font-size: .9rem;
    font-weight: 700;
}

.hero-points li[b-ejhd524exb]::before {
    content: "✓";
    margin-inline-end: .4rem;
    color: #00839f;
    font-weight: 900;
}

.product-preview[b-ejhd524exb] {
    width: 100%;
    max-width: 550px;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid #b8cdd2;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 24px 60px rgba(10, 42, 51, .16);
    transform: rotate(-1deg);
}

[dir="rtl"] .product-preview[b-ejhd524exb] {
    transform: rotate(1deg);
}

.preview-topbar[b-ejhd524exb] {
    min-height: 3.5rem;
    padding: .8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: #0a2a33;
}

.preview-brand[b-ejhd524exb] {
    font-size: 1.05rem;
    font-weight: 800;
}

.preview-live[b-ejhd524exb] {
    display: flex;
    gap: .4rem;
    align-items: center;
    font-size: .72rem;
    font-weight: 700;
}

.preview-live span[b-ejhd524exb] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #48d597;
    box-shadow: 0 0 0 4px rgba(72, 213, 151, .15);
}

.preview-body[b-ejhd524exb] {
    padding: 1.15rem;
}

.preview-heading[b-ejhd524exb] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.preview-heading span[b-ejhd524exb],
.preview-heading strong[b-ejhd524exb] {
    display: block;
}

.preview-heading span[b-ejhd524exb] {
    color: #63777d;
    font-size: .72rem;
}

.preview-heading strong[b-ejhd524exb] {
    color: #0a2a33;
    font-size: 1rem;
}

.preview-heading time[b-ejhd524exb] {
    color: #0a2a33;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
}

.preview-tiles[b-ejhd524exb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.preview-tile[b-ejhd524exb] {
    min-height: 7rem;
    padding: .85rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: #0a2a33;
    background: #edf2f4;
}

.preview-tile span[b-ejhd524exb],
.preview-tile strong[b-ejhd524exb],
.preview-tile small[b-ejhd524exb] {
    display: block;
}

.preview-tile span[b-ejhd524exb] {
    font-size: .7rem;
    opacity: .8;
}

.preview-tile strong[b-ejhd524exb] {
    margin-top: .15rem;
    font-size: 1rem;
}

.preview-tile small[b-ejhd524exb] {
    margin-top: .15rem;
    font-size: .7rem;
    opacity: .75;
}

.preview-tile-next[b-ejhd524exb] {
    color: #10252b;
    background: #f39c12;
}

.preview-tile-cyan[b-ejhd524exb] {
    background: #00b4d8;
}

.preview-tile-navy[b-ejhd524exb] {
    color: #fff;
    background: #0a2a33;
}

.preview-tile-light[b-ejhd524exb] {
    border: 1px solid #c5d4d8;
    background: #fff;
}

.preview-tile .tile-symbol[b-ejhd524exb] {
    margin-bottom: auto;
    font-size: 1.5rem;
    opacity: 1;
}

.landing-section[b-ejhd524exb] {
    padding-block: 4.5rem;
}

.section-heading[b-ejhd524exb] {
    max-width: 700px;
    margin-bottom: 2rem;
}

.section-heading h2[b-ejhd524exb],
.mission-grid h2[b-ejhd524exb],
.cta-inner h2[b-ejhd524exb] {
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2rem, 6vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.section-heading > p:last-child[b-ejhd524exb],
.mission-grid > p[b-ejhd524exb],
.cta-inner p[b-ejhd524exb] {
    margin: 1rem 0 0;
    color: #587078;
    font-size: 1.05rem;
    line-height: 1.75;
}

.ecosystem-grid[b-ejhd524exb] {
    display: grid;
    gap: .8rem;
}

.ecosystem-card[b-ejhd524exb] {
    position: relative;
    min-height: 17rem;
    padding: 1.5rem;
    overflow: hidden;
    color: #09232b;
}

.ecosystem-card .card-number[b-ejhd524exb] {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    opacity: .7;
}

.card-icon[b-ejhd524exb] {
    width: 3.3rem;
    height: 3.3rem;
    display: grid;
    place-items: center;
    border: 2px solid currentColor;
    font-size: 1.65rem;
}

.ecosystem-card h3[b-ejhd524exb] {
    margin: 3rem 0 .7rem;
    font-size: 1.45rem;
    font-weight: 800;
}

.ecosystem-card p[b-ejhd524exb] {
    max-width: 34rem;
    margin: 0;
    line-height: 1.65;
}

.card-dashboard[b-ejhd524exb] {
    background: #00b4d8;
}

.card-display[b-ejhd524exb] {
    color: #fff;
    background: #0a2a33;
}

.card-mobile[b-ejhd524exb] {
    background: #f39c12;
}

.steps-section[b-ejhd524exb] {
    color: #fff;
    background: #0a2a33;
}

.steps-section .eyebrow[b-ejhd524exb] {
    color: #48cae4;
}

.steps-section .section-heading h2[b-ejhd524exb],
.steps-section .section-heading > p:last-child[b-ejhd524exb] {
    color: #fff;
}

.steps-section .section-heading > p:last-child[b-ejhd524exb] {
    opacity: .72;
}

.steps-grid[b-ejhd524exb] {
    display: grid;
    gap: 2rem;
}

.steps-list[b-ejhd524exb] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.steps-list li[b-ejhd524exb] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    padding-block: 1.35rem;
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.steps-list li:last-child[b-ejhd524exb] {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.steps-list > li > span[b-ejhd524exb] {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    color: #0a2a33;
    background: #f39c12;
    font-weight: 900;
}

.steps-list h3[b-ejhd524exb] {
    margin: 0 0 .35rem;
    font-size: 1.15rem;
    font-weight: 800;
}

.steps-list p[b-ejhd524exb] {
    margin: 0;
    color: rgba(255, 255, 255, .7);
    line-height: 1.65;
}

.mission-section[b-ejhd524exb] {
    background: #edf2f4;
}

.mission-grid[b-ejhd524exb] {
    display: grid;
    gap: 1.25rem 3rem;
}

.mission-grid > p[b-ejhd524exb] {
    margin: 0;
}

.landing-cta[b-ejhd524exb] {
    color: #fff;
    background: #00a7c8;
}

.cta-inner[b-ejhd524exb] {
    display: grid;
    gap: 1.5rem;
    align-items: center;
    padding-block: 3rem;
}

.cta-inner h2[b-ejhd524exb],
.cta-inner p[b-ejhd524exb] {
    color: #08242c;
}

.landing-button-light[b-ejhd524exb] {
    color: #0a2a33;
    background: #fff;
}

.landing-button-light:hover[b-ejhd524exb] {
    color: #0a2a33;
    background: #f8fbfc;
}

@media (min-width: 700px) {
    .landing-container[b-ejhd524exb] {
        width: min(100% - 3rem, 1180px);
    }

    .hero-grid[b-ejhd524exb] {
        padding-block: 4.5rem 5rem;
    }

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

    .ecosystem-card[b-ejhd524exb] {
        min-height: 19rem;
    }

    .mission-grid[b-ejhd524exb],
    .cta-inner[b-ejhd524exb] {
        grid-template-columns: 1.1fr .9fr;
    }

    .cta-inner[b-ejhd524exb] {
        grid-template-columns: 1fr auto;
    }
}

@media (min-width: 960px) {
    .hero-grid[b-ejhd524exb] {
        grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
        min-height: 690px;
    }

    .steps-grid[b-ejhd524exb] {
        grid-template-columns: .85fr 1.15fr;
        gap: 5rem;
        align-items: start;
    }

    .steps-section .section-heading[b-ejhd524exb] {
        position: sticky;
        top: 6rem;
        margin-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-button[b-ejhd524exb] {
        transition: none;
    }
}
/* /Components/Pages/Mosques/AnnouncementEdit.razor.rz.scp.css */
.announcement-edit-page[b-0mnns1y4q4] {
    --edit-navy: #073e4f;
    --edit-cyan: #02adcc;
    --edit-coral: #ec5b4f;
    --edit-ink: #102e38;
    --edit-muted: #61747b;
    --edit-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--edit-ink);
}

.back-link[b-0mnns1y4q4] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.edit-hero[b-0mnns1y4q4] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--edit-navy);
    border-block-start: .45rem solid var(--edit-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.edit-hero[b-0mnns1y4q4]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-0mnns1y4q4],
.hero-summary[b-0mnns1y4q4] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-0mnns1y4q4] {
    display: block;
    margin-block-end: .45rem;
    color: var(--edit-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-0mnns1y4q4] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-0mnns1y4q4] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-summary[b-0mnns1y4q4] {
    display: flex;
    max-width: 22rem;
    padding: .9rem 1rem;
    flex-direction: column;
    gap: .25rem;
    border-inline-start: .25rem solid var(--edit-cyan);
    background: rgb(255 255 255 / 8%);
}

.hero-summary > span[b-0mnns1y4q4] {
    color: rgb(255 255 255 / 58%);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-summary strong[b-0mnns1y4q4] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: .95rem;
}

.hero-summary small[b-0mnns1y4q4] {
    color: rgb(255 255 255 / 68%);
    font-size: .7rem;
    line-height: 1.4;
}

.profile-tabs[b-0mnns1y4q4] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-0mnns1y4q4] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--edit-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-0mnns1y4q4] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-0mnns1y4q4] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-0mnns1y4q4] {
    color: #fff;
    background: var(--edit-cyan);
}

.profile-tab.active > span[b-0mnns1y4q4] { color: rgb(255 255 255 / 72%); }

.feedback[b-0mnns1y4q4] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--edit-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-0mnns1y4q4] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--edit-coral);
    font-weight: 850;
}

.feedback ul[b-0mnns1y4q4] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.error-feedback[b-0mnns1y4q4] { border-inline-start: .35rem solid var(--edit-coral); }

.edit-layout[b-0mnns1y4q4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.form-section[b-0mnns1y4q4] {
    min-width: 0;
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--edit-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-0mnns1y4q4] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--edit-line);
}

.section-number[b-0mnns1y4q4] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--edit-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-0mnns1y4q4] { background: var(--edit-coral); }

.section-heading h2[b-0mnns1y4q4] {
    margin: 0;
    color: var(--edit-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-0mnns1y4q4] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: var(--edit-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.field[b-0mnns1y4q4] {
    display: flex;
    min-width: 0;
    margin-block-end: 1rem;
    flex-direction: column;
}

.field:last-child[b-0mnns1y4q4] { margin-block-end: 0; }

.field label[b-0mnns1y4q4] {
    margin-block-end: .42rem;
    color: var(--edit-ink);
    font-size: .78rem;
    font-weight: 800;
}

.field small[b-0mnns1y4q4] {
    margin-block-start: .4rem;
    color: var(--edit-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.announcement-edit-page[b-0mnns1y4q4]  .edit-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--edit-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.announcement-edit-page[b-0mnns1y4q4]  .edit-textarea {
    min-height: 15rem;
    resize: vertical;
}

.announcement-edit-page[b-0mnns1y4q4]  .edit-select { cursor: pointer; }
.announcement-edit-page[b-0mnns1y4q4]  .edit-input:hover { border-color: #829ca3; }

.announcement-edit-page[b-0mnns1y4q4]  .edit-input:focus {
    border-color: var(--edit-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.announcement-edit-page[b-0mnns1y4q4]  .edit-input.invalid { border-color: var(--edit-coral); }

.announcement-edit-page[b-0mnns1y4q4]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

.schedule-fields[b-0mnns1y4q4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.timezone-note[b-0mnns1y4q4] {
    display: flex;
    padding: .75rem;
    align-items: flex-start;
    gap: .6rem;
    color: var(--edit-muted);
    background: #eef6f7;
    font-size: .72rem;
    line-height: 1.5;
}

.timezone-note > span[b-0mnns1y4q4] {
    display: grid;
    min-width: 2rem;
    min-height: 1.45rem;
    padding-inline: .25rem;
    flex: none;
    place-items: center;
    color: #fff;
    background: #2e7789;
    font-size: .57rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.form-actions[b-0mnns1y4q4] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--edit-navy);
    border-block-start: .35rem solid var(--edit-cyan);
}

.save-copy[b-0mnns1y4q4] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.save-copy strong[b-0mnns1y4q4] { font-size: .92rem; }

.save-copy span[b-0mnns1y4q4] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
    line-height: 1.45;
}

.action-buttons[b-0mnns1y4q4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.cancel-button[b-0mnns1y4q4],
.save-button[b-0mnns1y4q4],
.delete-button[b-0mnns1y4q4],
.state-button[b-0mnns1y4q4] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.save-button[b-0mnns1y4q4] {
    color: var(--edit-navy);
    background: var(--edit-cyan);
    border-color: var(--edit-cyan);
}

.danger-zone[b-0mnns1y4q4] {
    display: flex;
    margin-block-start: 1.25rem;
    padding: 1rem;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #742b24;
    background: #fdf2f1;
    border: 1px solid #efc7c3;
    border-inline-start: .4rem solid var(--edit-coral);
}

.danger-copy[b-0mnns1y4q4] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.danger-copy > span[b-0mnns1y4q4] {
    display: grid;
    width: 2rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--edit-coral);
    font-size: .9rem;
    font-weight: 850;
}

.danger-copy h2[b-0mnns1y4q4] {
    margin: 0;
    color: #742b24;
    font-size: .92rem;
    font-weight: 800;
}

.danger-copy p[b-0mnns1y4q4] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: #8b514c;
    font-size: .72rem;
    line-height: 1.5;
}

.delete-button[b-0mnns1y4q4] {
    color: #fff;
    background: #c6473c;
    border-color: #c6473c;
}

.page-state[b-0mnns1y4q4] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--edit-muted);
    text-align: center;
    border: 1px solid var(--edit-line);
    background: #f4f8f9;
}

.page-state h1[b-0mnns1y4q4] {
    margin: 0;
    color: var(--edit-ink);
    font-size: 1.35rem;
}

.page-state p[b-0mnns1y4q4] { max-width: 36rem; margin: 0; }

.state-mark[b-0mnns1y4q4] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--edit-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-0mnns1y4q4] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--edit-navy);
    border-color: var(--edit-navy);
}

.error-state[b-0mnns1y4q4] { border-inline-start: .35rem solid var(--edit-coral); }

.loading-mark[b-0mnns1y4q4] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--edit-cyan);
    border-radius: 50%;
    animation: edit-spin-b-0mnns1y4q4 .8s linear infinite;
}

.announcement-edit-page a:focus-visible[b-0mnns1y4q4],
.announcement-edit-page button:focus-visible[b-0mnns1y4q4],
.announcement-edit-page input:focus-visible[b-0mnns1y4q4],
.announcement-edit-page select:focus-visible[b-0mnns1y4q4],
.announcement-edit-page textarea:focus-visible[b-0mnns1y4q4] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .edit-hero[b-0mnns1y4q4] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem);
        align-items: end;
    }

    .hero-summary[b-0mnns1y4q4] { justify-self: end; }

    .schedule-fields[b-0mnns1y4q4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-actions[b-0mnns1y4q4],
    .danger-zone[b-0mnns1y4q4] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-0mnns1y4q4] { min-width: 20rem; }
    .delete-button[b-0mnns1y4q4] { min-width: 10rem; }
}

@media (min-width: 64rem) {
    .edit-layout[b-0mnns1y4q4] {
        grid-template-columns: minmax(0, 1.3fr) minmax(19rem, .7fr);
        align-items: start;
    }

    .delivery-section[b-0mnns1y4q4] {
        position: sticky;
        inset-block-start: 5rem;
    }

    .schedule-fields[b-0mnns1y4q4] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-0mnns1y4q4] { animation: none; }
}
/* /Components/Pages/Mosques/Announcements.razor.rz.scp.css */
.announcements-page[b-6b8nlaylly] {
    --announcement-navy: #073e4f;
    --announcement-cyan: #02adcc;
    --announcement-coral: #ec5b4f;
    --announcement-ink: #102e38;
    --announcement-muted: #61747b;
    --announcement-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--announcement-ink);
}

.back-link[b-6b8nlaylly] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.announcements-hero[b-6b8nlaylly] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--announcement-navy);
    border-block-start: .45rem solid var(--announcement-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.announcements-hero[b-6b8nlaylly]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-6b8nlaylly],
.hero-summary[b-6b8nlaylly] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-6b8nlaylly] {
    display: block;
    margin-block-end: .45rem;
    color: var(--announcement-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-6b8nlaylly] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-6b8nlaylly] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-summary[b-6b8nlaylly] {
    display: flex;
    max-width: 22rem;
    padding: .9rem 1rem;
    flex-direction: column;
    gap: .25rem;
    border-inline-start: .25rem solid var(--announcement-cyan);
    background: rgb(255 255 255 / 8%);
}

.hero-summary > span[b-6b8nlaylly] {
    color: rgb(255 255 255 / 58%);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-summary strong[b-6b8nlaylly] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: .95rem;
}

.hero-summary small[b-6b8nlaylly] {
    color: rgb(255 255 255 / 68%);
    font-size: .7rem;
    line-height: 1.4;
}

.profile-tabs[b-6b8nlaylly] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-6b8nlaylly] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--announcement-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-6b8nlaylly] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-6b8nlaylly] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-6b8nlaylly] {
    color: #fff;
    background: var(--announcement-cyan);
}

.profile-tab.active > span[b-6b8nlaylly] { color: rgb(255 255 255 / 72%); }

.feedback[b-6b8nlaylly] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--announcement-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-6b8nlaylly] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-6b8nlaylly] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-6b8nlaylly] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-6b8nlaylly] { border-inline-start: .35rem solid var(--announcement-coral); }
.error-feedback > span[b-6b8nlaylly] { background: var(--announcement-coral); }

.announcements-layout[b-6b8nlaylly] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.compose-panel[b-6b8nlaylly],
.feed-panel[b-6b8nlaylly] {
    min-width: 0;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--announcement-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-6b8nlaylly] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--announcement-line);
}

.section-number[b-6b8nlaylly] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--announcement-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-6b8nlaylly] { background: var(--announcement-coral); }

.section-heading h2[b-6b8nlaylly] {
    margin: 0;
    color: var(--announcement-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-6b8nlaylly] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: var(--announcement-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.announcement-form[b-6b8nlaylly] {
    display: grid;
    gap: 1rem;
}

.field[b-6b8nlaylly] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-6b8nlaylly] {
    margin-block-end: .42rem;
    color: var(--announcement-ink);
    font-size: .78rem;
    font-weight: 800;
}

.field small[b-6b8nlaylly] {
    margin-block-start: .4rem;
    color: var(--announcement-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.announcements-page[b-6b8nlaylly]  .announcement-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--announcement-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.announcements-page[b-6b8nlaylly]  .announcement-textarea {
    min-height: 8rem;
    resize: vertical;
}

.announcements-page[b-6b8nlaylly]  .announcement-select { cursor: pointer; }
.announcements-page[b-6b8nlaylly]  .announcement-input:hover { border-color: #829ca3; }

.announcements-page[b-6b8nlaylly]  .announcement-input:focus {
    border-color: var(--announcement-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.announcements-page[b-6b8nlaylly]  .announcement-input.invalid { border-color: var(--announcement-coral); }

.announcements-page[b-6b8nlaylly]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

.schedule-fields[b-6b8nlaylly] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.timezone-note[b-6b8nlaylly] {
    display: flex;
    padding: .75rem;
    align-items: flex-start;
    gap: .6rem;
    color: var(--announcement-muted);
    background: #eef6f7;
    font-size: .72rem;
    line-height: 1.5;
}

.timezone-note > span[b-6b8nlaylly] {
    display: grid;
    min-width: 2rem;
    min-height: 1.45rem;
    padding-inline: .25rem;
    flex: none;
    place-items: center;
    color: #fff;
    background: #2e7789;
    font-size: .57rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.publish-block[b-6b8nlaylly] {
    display: flex;
    margin-block-start: .2rem;
    padding: 1rem;
    align-items: stretch;
    flex-direction: column;
    gap: .85rem;
    color: #fff;
    background: var(--announcement-navy);
    border-block-start: .3rem solid var(--announcement-cyan);
}

.publish-block > div[b-6b8nlaylly] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.publish-block strong[b-6b8nlaylly] { font-size: .84rem; }

.publish-block span[b-6b8nlaylly] {
    color: rgb(255 255 255 / 66%);
    font-size: .7rem;
    line-height: 1.45;
}

.publish-button[b-6b8nlaylly],
.edit-button[b-6b8nlaylly],
.state-button[b-6b8nlaylly] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.publish-button[b-6b8nlaylly] {
    color: var(--announcement-navy);
    background: var(--announcement-cyan);
    border-color: var(--announcement-cyan);
}

.feed-panel[b-6b8nlaylly] {
    align-self: start;
}

.announcement-feed[b-6b8nlaylly] {
    display: grid;
    gap: .8rem;
}

.announcement-card[b-6b8nlaylly] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--announcement-line);
    background: #fff;
}

.announcement-card[b-6b8nlaylly]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: .28rem;
    content: "";
    background: var(--announcement-cyan);
}

.card-copy[b-6b8nlaylly] {
    padding: 1rem 1rem .85rem;
}

.card-title-row[b-6b8nlaylly] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: .75rem;
}

.card-title-row h3[b-6b8nlaylly] {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--announcement-ink);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.card-copy > p[b-6b8nlaylly] {
    overflow-wrap: anywhere;
    margin: .75rem 0 0;
    color: var(--announcement-muted);
    font-size: .8rem;
    line-height: 1.6;
    white-space: pre-line;
}

.edit-button[b-6b8nlaylly] {
    min-height: 2.25rem;
    padding: .45rem .8rem;
    flex: none;
    color: #007f98;
    background: #eef7f8;
    border-color: #b9dce2;
    font-size: .72rem;
}

.card-meta[b-6b8nlaylly] {
    display: flex;
    padding: .75rem 1rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: .65rem;
    background: #f4f8f9;
    border-block-start: 1px solid var(--announcement-line);
}

.chips[b-6b8nlaylly] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.status-chip[b-6b8nlaylly],
.target-chip[b-6b8nlaylly] {
    display: inline-flex;
    min-height: 1.65rem;
    padding: .28rem .55rem;
    align-items: center;
    color: #32484f;
    background: #e3ecee;
    font-size: .63rem;
    font-weight: 850;
}

.status-active[b-6b8nlaylly] {
    color: #104e3b;
    background: #bce9d8;
}

.status-scheduled[b-6b8nlaylly] {
    color: #075469;
    background: #bceaf2;
}

.status-expired[b-6b8nlaylly] {
    color: #4f5f64;
    background: #dce4e6;
}

.target-chip[b-6b8nlaylly] {
    color: #66450e;
    background: #f7deb0;
}

.card-meta time[b-6b8nlaylly] {
    color: var(--announcement-muted);
    font-size: .68rem;
    line-height: 1.45;
}

.empty-state[b-6b8nlaylly] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .55rem;
    color: var(--announcement-muted);
    text-align: center;
    background: #f4f8f9;
    border: 1px dashed #b8cbd0;
}

.empty-state > span[b-6b8nlaylly] {
    display: grid;
    width: 3.5rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--announcement-coral);
    font-size: 1.2rem;
    font-weight: 850;
}

.empty-state strong[b-6b8nlaylly] {
    color: var(--announcement-ink);
    font-size: .95rem;
}

.empty-state p[b-6b8nlaylly] {
    max-width: 28rem;
    margin: 0;
    font-size: .76rem;
    line-height: 1.5;
}

.page-state[b-6b8nlaylly] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--announcement-muted);
    text-align: center;
    border: 1px solid var(--announcement-line);
    background: #f4f8f9;
}

.page-state h1[b-6b8nlaylly] {
    margin: 0;
    color: var(--announcement-ink);
    font-size: 1.35rem;
}

.page-state p[b-6b8nlaylly] { max-width: 36rem; margin: 0; }

.state-mark[b-6b8nlaylly] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--announcement-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-6b8nlaylly] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--announcement-navy);
    border-color: var(--announcement-navy);
}

.error-state[b-6b8nlaylly] { border-inline-start: .35rem solid var(--announcement-coral); }

.loading-mark[b-6b8nlaylly] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--announcement-cyan);
    border-radius: 50%;
    animation: announcement-spin-b-6b8nlaylly .8s linear infinite;
}

.announcements-page a:focus-visible[b-6b8nlaylly],
.announcements-page button:focus-visible[b-6b8nlaylly],
.announcements-page input:focus-visible[b-6b8nlaylly],
.announcements-page select:focus-visible[b-6b8nlaylly],
.announcements-page textarea:focus-visible[b-6b8nlaylly] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 38rem) {
    .schedule-fields[b-6b8nlaylly] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .card-title-row[b-6b8nlaylly],
    .card-meta[b-6b8nlaylly] {
        align-items: flex-start;
        flex-direction: row;
    }

    .card-meta[b-6b8nlaylly] { align-items: center; }
}

@media (min-width: 44rem) {
    .announcements-hero[b-6b8nlaylly] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem);
        align-items: end;
    }

    .hero-summary[b-6b8nlaylly] { justify-self: end; }

    .publish-block[b-6b8nlaylly] {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .publish-button[b-6b8nlaylly] { min-width: 11rem; }
}

@media (min-width: 64rem) {
    .announcements-layout[b-6b8nlaylly] {
        grid-template-columns: minmax(20rem, .78fr) minmax(0, 1.22fr);
        align-items: start;
    }

    .compose-panel[b-6b8nlaylly] {
        position: sticky;
        inset-block-start: 5rem;
    }

    .publish-block[b-6b8nlaylly] {
        align-items: stretch;
        flex-direction: column;
    }

    .publish-button[b-6b8nlaylly] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-6b8nlaylly] { animation: none; }
}
/* /Components/Pages/Mosques/Devices.razor.rz.scp.css */
.devices-page[b-rh1y15tqj5] {
    --device-navy: #073e4f;
    --device-cyan: #02adcc;
    --device-coral: #ec5b4f;
    --device-ink: #102e38;
    --device-muted: #61747b;
    --device-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--device-ink);
}

.back-link[b-rh1y15tqj5] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.devices-hero[b-rh1y15tqj5] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--device-navy);
    border-block-start: .45rem solid var(--device-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.devices-hero[b-rh1y15tqj5]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-rh1y15tqj5],
.hero-metrics[b-rh1y15tqj5] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-rh1y15tqj5] {
    display: block;
    margin-block-end: .45rem;
    color: var(--device-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-rh1y15tqj5] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-rh1y15tqj5] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-metrics[b-rh1y15tqj5] {
    display: grid;
    max-width: 24rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: rgb(255 255 255 / 18%);
}

.hero-metrics > div[b-rh1y15tqj5] {
    display: flex;
    min-width: 0;
    padding: 1rem;
    flex-direction: column;
    gap: .25rem;
    background: rgb(255 255 255 / 8%);
}

.hero-metrics strong[b-rh1y15tqj5] {
    color: var(--device-cyan);
    font-size: 1.65rem;
    font-weight: 850;
    line-height: 1;
}

.hero-metrics span[b-rh1y15tqj5] {
    color: rgb(255 255 255 / 68%);
    font-size: .67rem;
    font-weight: 750;
    line-height: 1.35;
}

.profile-tabs[b-rh1y15tqj5] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-rh1y15tqj5] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--device-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-rh1y15tqj5] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-rh1y15tqj5] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-rh1y15tqj5] {
    color: #fff;
    background: var(--device-cyan);
}

.profile-tab.active > span[b-rh1y15tqj5] { color: rgb(255 255 255 / 72%); }

.feedback[b-rh1y15tqj5] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--device-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-rh1y15tqj5] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-rh1y15tqj5] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-rh1y15tqj5] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-rh1y15tqj5] { border-inline-start: .35rem solid var(--device-coral); }
.error-feedback > span[b-rh1y15tqj5] { background: var(--device-coral); }

.devices-layout[b-rh1y15tqj5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.pair-panel[b-rh1y15tqj5],
.fleet-panel[b-rh1y15tqj5] {
    min-width: 0;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--device-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-rh1y15tqj5] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--device-line);
}

.section-number[b-rh1y15tqj5] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--device-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-rh1y15tqj5] { background: var(--device-coral); }

.section-heading h2[b-rh1y15tqj5] {
    margin: 0;
    color: var(--device-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-rh1y15tqj5] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: var(--device-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.pair-instructions[b-rh1y15tqj5] {
    display: flex;
    margin-block-end: 1rem;
    padding: .85rem;
    align-items: center;
    gap: .7rem;
    color: #075469;
    background: #eaf8fa;
    border-inline-start: .3rem solid var(--device-cyan);
}

.pair-instructions > span[b-rh1y15tqj5] {
    display: grid;
    width: 2rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #078ba5;
    font-size: .9rem;
    font-weight: 850;
}

.pair-instructions p[b-rh1y15tqj5] {
    margin: 0;
    font-size: .76rem;
    line-height: 1.5;
}

.pair-form[b-rh1y15tqj5] {
    display: grid;
    gap: 1rem;
}

.field[b-rh1y15tqj5] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-rh1y15tqj5] {
    margin-block-end: .42rem;
    color: var(--device-ink);
    font-size: .78rem;
    font-weight: 800;
}

.field small[b-rh1y15tqj5] {
    margin-block-start: .4rem;
    color: var(--device-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.devices-page[b-rh1y15tqj5]  .device-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--device-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.devices-page[b-rh1y15tqj5]  .pairing-code-input {
    min-height: 4rem;
    padding-inline: 1.2rem .85rem;
    font-size: clamp(1.25rem, 6vw, 1.65rem);
    font-weight: 850;
    font-variant-numeric: tabular-nums;
    letter-spacing: .28em;
    text-align: center;
}

.devices-page[b-rh1y15tqj5]  .device-input:hover { border-color: #829ca3; }

.devices-page[b-rh1y15tqj5]  .device-input:focus {
    border-color: var(--device-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.devices-page[b-rh1y15tqj5]  .device-input.invalid { border-color: var(--device-coral); }

.devices-page[b-rh1y15tqj5]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

.pair-action[b-rh1y15tqj5] {
    display: flex;
    padding: 1rem;
    align-items: stretch;
    flex-direction: column;
    gap: .85rem;
    color: #fff;
    background: var(--device-navy);
    border-block-start: .3rem solid var(--device-cyan);
}

.pair-action > div[b-rh1y15tqj5] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.pair-action strong[b-rh1y15tqj5] { font-size: .84rem; }

.pair-action span[b-rh1y15tqj5] {
    color: rgb(255 255 255 / 66%);
    font-size: .7rem;
    line-height: 1.45;
}

.pair-button[b-rh1y15tqj5],
.remove-button[b-rh1y15tqj5],
.state-button[b-rh1y15tqj5] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.pair-button[b-rh1y15tqj5] {
    color: var(--device-navy);
    background: var(--device-cyan);
    border-color: var(--device-cyan);
}

.device-list[b-rh1y15tqj5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .8rem;
}

.device-card[b-rh1y15tqj5] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--device-line);
    background: #fff;
}

.device-header[b-rh1y15tqj5] {
    display: grid;
    padding: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
}

.device-mark[b-rh1y15tqj5] {
    display: grid;
    width: 2.8rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--device-navy);
    border-block-start: .22rem solid var(--device-cyan);
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .05em;
}

.device-title[b-rh1y15tqj5] {
    min-width: 0;
}

.device-title h3[b-rh1y15tqj5] {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--device-ink);
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.35;
}

.device-title > span[b-rh1y15tqj5] {
    display: block;
    margin-block-start: .2rem;
    color: var(--device-muted);
    font-size: .67rem;
}

.remove-button[b-rh1y15tqj5] {
    min-height: 2.3rem;
    padding: .45rem .75rem;
    grid-column: 1 / -1;
    color: #a3382f;
    background: #fff;
    border-color: #e6b6b1;
    font-size: .7rem;
}

.device-status[b-rh1y15tqj5] {
    display: flex;
    padding: .75rem 1rem;
    flex-wrap: wrap;
    gap: .4rem;
    background: #f4f8f9;
    border-block: 1px solid var(--device-line);
}

.status-chip[b-rh1y15tqj5],
.clock-chip[b-rh1y15tqj5] {
    display: inline-flex;
    min-height: 1.7rem;
    padding: .3rem .55rem;
    align-items: center;
    gap: .4rem;
    color: #42555b;
    background: #e2eaec;
    font-size: .62rem;
    font-weight: 850;
}

.status-chip i[b-rh1y15tqj5] {
    width: .42rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #75898f;
}

.status-chip.is-online[b-rh1y15tqj5] {
    color: #104e3b;
    background: #bce9d8;
}

.status-chip.is-online i[b-rh1y15tqj5] { background: #238163; }

.clock-verified[b-rh1y15tqj5] {
    color: #075469;
    background: #bceaf2;
}

.clock-unverified[b-rh1y15tqj5] {
    color: #66450e;
    background: #f7deb0;
}

.device-footer[b-rh1y15tqj5] {
    display: flex;
    padding: .8rem 1rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: .2rem;
}

.device-footer span[b-rh1y15tqj5] {
    color: #8a9ca1;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.device-footer time[b-rh1y15tqj5] {
    color: var(--device-muted);
    font-size: .72rem;
    line-height: 1.4;
}

.fleet-error[b-rh1y15tqj5] {
    display: flex;
    padding: 1rem;
    align-items: flex-start;
    gap: .7rem;
    color: #742b24;
    background: #fbe7e5;
    border-inline-start: .35rem solid var(--device-coral);
    font-size: .8rem;
    line-height: 1.5;
}

.fleet-error > span[b-rh1y15tqj5] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--device-coral);
    font-weight: 850;
}

.empty-state[b-rh1y15tqj5] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .55rem;
    color: var(--device-muted);
    text-align: center;
    background: #f4f8f9;
    border: 1px dashed #b8cbd0;
}

.empty-state > span[b-rh1y15tqj5] {
    display: grid;
    width: 3.5rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--device-coral);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .05em;
}

.empty-state strong[b-rh1y15tqj5] {
    color: var(--device-ink);
    font-size: .95rem;
}

.empty-state p[b-rh1y15tqj5] {
    max-width: 28rem;
    margin: 0;
    font-size: .76rem;
    line-height: 1.5;
}

.page-state[b-rh1y15tqj5] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--device-muted);
    text-align: center;
    border: 1px solid var(--device-line);
    background: #f4f8f9;
}

.page-state h1[b-rh1y15tqj5] {
    margin: 0;
    color: var(--device-ink);
    font-size: 1.35rem;
}

.page-state p[b-rh1y15tqj5] { max-width: 36rem; margin: 0; }

.state-mark[b-rh1y15tqj5] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--device-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-rh1y15tqj5] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--device-navy);
    border-color: var(--device-navy);
}

.error-state[b-rh1y15tqj5] { border-inline-start: .35rem solid var(--device-coral); }

.loading-mark[b-rh1y15tqj5] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--device-cyan);
    border-radius: 50%;
    animation: device-spin-b-rh1y15tqj5 .8s linear infinite;
}

.devices-page a:focus-visible[b-rh1y15tqj5],
.devices-page button:focus-visible[b-rh1y15tqj5],
.devices-page input:focus-visible[b-rh1y15tqj5] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .devices-hero[b-rh1y15tqj5] {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 24rem);
        align-items: end;
    }

    .hero-metrics[b-rh1y15tqj5] { justify-self: end; }

    .pair-action[b-rh1y15tqj5] {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .pair-button[b-rh1y15tqj5] { min-width: 7.5rem; }

    .device-header[b-rh1y15tqj5] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .remove-button[b-rh1y15tqj5] { grid-column: auto; }

    .device-footer[b-rh1y15tqj5] {
        align-items: center;
        flex-direction: row;
        gap: .75rem;
    }
}

@media (min-width: 64rem) {
    .devices-layout[b-rh1y15tqj5] {
        grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr);
        align-items: start;
    }

    .pair-panel[b-rh1y15tqj5] {
        position: sticky;
        inset-block-start: 5rem;
    }

    .pair-action[b-rh1y15tqj5] {
        align-items: stretch;
        flex-direction: column;
    }

    .pair-button[b-rh1y15tqj5] { width: 100%; }
}

@media (min-width: 74rem) {
    .device-list[b-rh1y15tqj5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .device-header[b-rh1y15tqj5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .remove-button[b-rh1y15tqj5] { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-rh1y15tqj5] { animation: none; }
}

/* ---- public display share panel ---- */
.display-share-panel[b-rh1y15tqj5] {
    min-width: 0;
    margin-block-end: 1.5rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--device-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.display-share-body[b-rh1y15tqj5] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem;
    align-items: flex-start;
    justify-content: space-between;
}

.display-share-main[b-rh1y15tqj5] {
    min-width: min(100%, 20rem);
    flex: 1 1 20rem;
}

.display-share-url[b-rh1y15tqj5] {
    display: block;
    overflow-wrap: anywhere;
    padding: .6rem .75rem;
    background: #f2f7f8;
    border: 1px solid var(--device-line);
    color: var(--device-ink);
    font-size: .82rem;
}

.display-share-actions[b-rh1y15tqj5] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
    margin-block-start: .85rem;
}

.display-open-button[b-rh1y15tqj5],
.display-copy-button[b-rh1y15tqj5] {
    padding: .5rem .95rem;
    border: 1px solid var(--device-navy);
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
}

.display-open-button[b-rh1y15tqj5] {
    color: #fff;
    background: var(--device-navy);
}

.display-copy-button[b-rh1y15tqj5] {
    color: var(--device-navy);
    background: #fff;
}

.display-copied[b-rh1y15tqj5] {
    color: #0a7d4b;
    font-size: .8rem;
    font-weight: 750;
}

.display-share-note[b-rh1y15tqj5] {
    margin: .85rem 0 0;
    color: var(--device-coral);
    font-size: .8rem;
}

.display-share-qr[b-rh1y15tqj5] {
    flex: none;
    width: clamp(7rem, 22vw, 9.5rem);
    aspect-ratio: 1;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--device-line);
}

.display-share-qr :global(svg)[b-rh1y15tqj5] {
    display: block;
    width: 100%;
    height: 100%;
}
/* /Components/Pages/Mosques/Iqama.razor.rz.scp.css */
.iqama-page[b-t7c8hh9d1m] {
    --iqama-navy: #073e4f;
    --iqama-cyan: #02adcc;
    --iqama-coral: #ec5b4f;
    --iqama-ink: #102e38;
    --iqama-muted: #61747b;
    --iqama-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--iqama-ink);
}

.back-link[b-t7c8hh9d1m] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.iqama-hero[b-t7c8hh9d1m] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--iqama-navy);
    border-block-start: .45rem solid var(--iqama-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.iqama-hero[b-t7c8hh9d1m]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-t7c8hh9d1m],
.hero-summary[b-t7c8hh9d1m] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-t7c8hh9d1m] {
    display: block;
    margin-block-end: .45rem;
    color: var(--iqama-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-t7c8hh9d1m] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-t7c8hh9d1m] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-summary[b-t7c8hh9d1m] {
    display: flex;
    max-width: 22rem;
    padding: .9rem 1rem;
    flex-direction: column;
    gap: .25rem;
    border-inline-start: .25rem solid var(--iqama-cyan);
    background: rgb(255 255 255 / 8%);
}

.hero-summary > span[b-t7c8hh9d1m] {
    color: rgb(255 255 255 / 58%);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-summary strong[b-t7c8hh9d1m] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: .95rem;
}

.hero-summary small[b-t7c8hh9d1m] {
    color: rgb(255 255 255 / 68%);
    font-size: .7rem;
    line-height: 1.4;
}

.profile-tabs[b-t7c8hh9d1m] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-t7c8hh9d1m] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--iqama-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-t7c8hh9d1m] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-t7c8hh9d1m] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-t7c8hh9d1m] {
    color: #fff;
    background: var(--iqama-cyan);
}

.profile-tab.active > span[b-t7c8hh9d1m] { color: rgb(255 255 255 / 72%); }

.feedback[b-t7c8hh9d1m] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--iqama-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-t7c8hh9d1m] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-t7c8hh9d1m] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-t7c8hh9d1m] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-t7c8hh9d1m] { border-inline-start: .35rem solid var(--iqama-coral); }
.error-feedback > span[b-t7c8hh9d1m] { background: var(--iqama-coral); }

.iqama-page[b-t7c8hh9d1m]  .validation-summary {
    display: none;
}

.iqama-page[b-t7c8hh9d1m]  .validation-summary.validation-errors {
    display: block;
    margin-block-end: 1rem;
    padding: 1rem;
    color: #742b24;
    background: #fbe7e5;
    border-inline-start: .35rem solid var(--iqama-coral);
    font-size: .8rem;
}

.iqama-page[b-t7c8hh9d1m]  .validation-summary ul {
    margin: 0;
    padding-inline-start: 1.1rem;
}

.form-section[b-t7c8hh9d1m] {
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--iqama-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-t7c8hh9d1m] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--iqama-line);
}

.section-number[b-t7c8hh9d1m] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--iqama-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-t7c8hh9d1m] { background: var(--iqama-coral); }

.section-heading h2[b-t7c8hh9d1m] {
    margin: 0;
    color: var(--iqama-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-t7c8hh9d1m] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--iqama-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.priority-note[b-t7c8hh9d1m] {
    display: flex;
    margin-block-end: 1rem;
    padding: .85rem;
    align-items: flex-start;
    gap: .7rem;
    color: #4f401e;
    background: #fff6df;
    border-inline-start: .3rem solid #e5a92e;
}

.priority-note > span[b-t7c8hh9d1m] {
    display: grid;
    width: 1.6rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #c88d19;
    font-size: .78rem;
    font-weight: 850;
}

.priority-note strong[b-t7c8hh9d1m] {
    display: block;
    font-size: .8rem;
}

.priority-note p[b-t7c8hh9d1m] {
    margin: .18rem 0 0;
    color: #77663c;
    font-size: .72rem;
    line-height: 1.45;
}

.rule-list[b-t7c8hh9d1m] {
    display: grid;
    gap: .8rem;
}

.prayer-rule[b-t7c8hh9d1m] {
    display: grid;
    min-width: 0;
    border: 1px solid var(--iqama-line);
    background: #f8fafb;
}

.prayer-rule > header[b-t7c8hh9d1m],
.jumuah-card > header[b-t7c8hh9d1m] {
    display: flex;
    padding: .8rem;
    align-items: center;
    gap: .65rem;
    color: #fff;
    background: var(--iqama-navy);
}

.prayer-rule > header span[b-t7c8hh9d1m],
.jumuah-card > header span[b-t7c8hh9d1m] {
    color: var(--iqama-cyan);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.prayer-rule > header strong[b-t7c8hh9d1m],
.jumuah-card > header strong[b-t7c8hh9d1m] {
    font-size: .86rem;
    font-weight: 800;
}

.rule-fields[b-t7c8hh9d1m] {
    display: grid;
    min-width: 0;
    padding: .85rem;
    grid-template-columns: minmax(0, 1fr);
    gap: .7rem;
}

.field[b-t7c8hh9d1m] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-t7c8hh9d1m] {
    margin-block-end: .42rem;
    color: var(--iqama-ink);
    font-size: .74rem;
    font-weight: 800;
}

.iqama-page[b-t7c8hh9d1m]  .iqama-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--iqama-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.iqama-page[b-t7c8hh9d1m]  .iqama-input:hover { border-color: #829ca3; }

.iqama-page[b-t7c8hh9d1m]  .iqama-input:focus {
    border-color: var(--iqama-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.iqama-page[b-t7c8hh9d1m]  .iqama-input.invalid { border-color: var(--iqama-coral); }

.offset-control[b-t7c8hh9d1m] {
    position: relative;
    /* The field's own input is forced dir="ltr" (see the .razor markup), but this wrapper isn't —
       in RTL pages it still inherits direction: rtl, so the "min" suffix badge below (positioned via
       the logical inset-inline-end) resolves to the LEFT edge instead of the right, landing directly
       on top of the LTR-rendered digits and hiding them under its opaque background. Forcing ltr here
       keeps the badge and the input's own reserved padding on the same (right) side in every language. */
    direction: ltr;
}

.offset-control[b-t7c8hh9d1m]  .iqama-input {
    padding-inline-end: 4rem;
}

.offset-control > span[b-t7c8hh9d1m] {
    position: absolute;
    inset-block: 1px;
    inset-inline-end: 1px;
    display: grid;
    width: 3.25rem;
    place-items: center;
    color: var(--iqama-muted);
    background: #edf3f4;
    font-size: .66rem;
    font-weight: 800;
    pointer-events: none;
}

.rule-or[b-t7c8hh9d1m] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: #84979d;
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.rule-or[b-t7c8hh9d1m]::before,
.rule-or[b-t7c8hh9d1m]::after {
    height: 1px;
    flex: 1;
    content: "";
    background: var(--iqama-line);
}

.jumuah-grid[b-t7c8hh9d1m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.jumuah-card[b-t7c8hh9d1m] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: .85rem;
    padding: 0 .9rem .9rem;
    border: 1px solid var(--iqama-line);
    background: #f8fafb;
}

.jumuah-card > header[b-t7c8hh9d1m] {
    margin-inline: -.9rem;
    background: var(--iqama-coral);
}

.jumuah-card > header span[b-t7c8hh9d1m] { color: rgb(255 255 255 / 72%); }

.form-actions[b-t7c8hh9d1m] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--iqama-navy);
    border-block-start: .35rem solid var(--iqama-cyan);
}

.save-copy[b-t7c8hh9d1m] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.save-copy strong[b-t7c8hh9d1m] { font-size: .92rem; }

.save-copy span[b-t7c8hh9d1m] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
    line-height: 1.45;
}

.action-buttons[b-t7c8hh9d1m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.cancel-button[b-t7c8hh9d1m],
.save-button[b-t7c8hh9d1m],
.state-button[b-t7c8hh9d1m] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.save-button[b-t7c8hh9d1m] {
    color: var(--iqama-navy);
    background: var(--iqama-cyan);
    border-color: var(--iqama-cyan);
}

.page-state[b-t7c8hh9d1m] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--iqama-muted);
    text-align: center;
    border: 1px solid var(--iqama-line);
    background: #f4f8f9;
}

.page-state h1[b-t7c8hh9d1m] {
    margin: 0;
    color: var(--iqama-ink);
    font-size: 1.35rem;
}

.page-state p[b-t7c8hh9d1m] { max-width: 36rem; margin: 0; }

.state-mark[b-t7c8hh9d1m] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--iqama-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-t7c8hh9d1m] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--iqama-navy);
    border-color: var(--iqama-navy);
}

.error-state[b-t7c8hh9d1m] { border-inline-start: .35rem solid var(--iqama-coral); }

.loading-mark[b-t7c8hh9d1m] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--iqama-cyan);
    border-radius: 50%;
    animation: iqama-spin-b-t7c8hh9d1m .8s linear infinite;
}

.iqama-page a:focus-visible[b-t7c8hh9d1m],
.iqama-page button:focus-visible[b-t7c8hh9d1m],
.iqama-page input:focus-visible[b-t7c8hh9d1m] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 44rem) {
    .iqama-hero[b-t7c8hh9d1m] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem);
        align-items: end;
    }

    .hero-summary[b-t7c8hh9d1m] { justify-self: end; }

    .prayer-rule[b-t7c8hh9d1m] {
        grid-template-columns: 8.5rem minmax(0, 1fr);
    }

    .prayer-rule > header[b-t7c8hh9d1m] {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .rule-fields[b-t7c8hh9d1m] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: end;
    }

    .rule-or[b-t7c8hh9d1m] {
        min-height: 3.15rem;
        justify-content: center;
    }

    .rule-or[b-t7c8hh9d1m]::before,
    .rule-or[b-t7c8hh9d1m]::after { display: none; }

    .form-actions[b-t7c8hh9d1m] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-t7c8hh9d1m] { min-width: 20rem; }
}

@media (min-width: 58rem) {
    .jumuah-grid[b-t7c8hh9d1m] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-t7c8hh9d1m] { animation: none; }
}
/* /Components/Pages/Mosques/MosqueProfile.razor.rz.scp.css */
.profile-page[b-gau7p0fhya] {
    --profile-navy: #073e4f;
    --profile-cyan: #02adcc;
    --profile-coral: #ec5b4f;
    --profile-ink: #102e38;
    --profile-muted: #61747b;
    --profile-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--profile-ink);
}

.back-link[b-gau7p0fhya] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.profile-hero[b-gau7p0fhya] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--profile-navy);
    border-block-start: .45rem solid var(--profile-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.profile-hero[b-gau7p0fhya]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-gau7p0fhya],
.hero-meta[b-gau7p0fhya] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-gau7p0fhya] {
    display: block;
    margin-block-end: .45rem;
    color: var(--profile-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-gau7p0fhya] {
    max-width: 24ch;
    overflow-wrap: anywhere;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-gau7p0fhya] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-meta[b-gau7p0fhya] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: .45rem;
}

.status-label[b-gau7p0fhya] {
    color: rgb(255 255 255 / 58%);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.status-pill[b-gau7p0fhya] {
    display: inline-flex;
    min-height: 2.45rem;
    padding: .55rem .8rem;
    align-items: center;
    gap: .45rem;
    color: #3f3011;
    background: #f7d48e;
    font-size: .78rem;
    font-weight: 800;
}

.status-dot[b-gau7p0fhya] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #bc7f14;
}

.status-pill.is-validated[b-gau7p0fhya] { color: #104e3b; background: #bce9d8; }
.status-pill.is-validated .status-dot[b-gau7p0fhya] { background: #238163; }
.status-pill.is-rejected[b-gau7p0fhya] { color: #742b24; background: #f6cac6; }
.status-pill.is-rejected .status-dot[b-gau7p0fhya] { background: #c44c42; }
.status-pill.is-suspended[b-gau7p0fhya] { color: #38494f; background: #d7e0e3; }
.status-pill.is-suspended .status-dot[b-gau7p0fhya] { background: #667a81; }

.profile-tabs[b-gau7p0fhya] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-gau7p0fhya] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--profile-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-gau7p0fhya] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-gau7p0fhya] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-gau7p0fhya] {
    color: #fff;
    background: var(--profile-cyan);
}

.profile-tab.active > span[b-gau7p0fhya] { color: rgb(255 255 255 / 72%); }

.feedback[b-gau7p0fhya] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--profile-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-gau7p0fhya] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-gau7p0fhya] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-gau7p0fhya] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-gau7p0fhya] { border-inline-start: .35rem solid var(--profile-coral); }
.error-feedback > span[b-gau7p0fhya] { background: var(--profile-coral); }

.form-section[b-gau7p0fhya] {
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--profile-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.form-section-heading[b-gau7p0fhya] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--profile-line);
}

.section-number[b-gau7p0fhya] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--profile-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.form-section-heading h2[b-gau7p0fhya] {
    margin: 0;
    color: var(--profile-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.form-section-heading p[b-gau7p0fhya] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--profile-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.field-grid[b-gau7p0fhya] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.field[b-gau7p0fhya] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-gau7p0fhya],
.media-card label[b-gau7p0fhya] {
    margin-block-end: .42rem;
    color: var(--profile-ink);
    font-size: .78rem;
    font-weight: 800;
}

.profile-page[b-gau7p0fhya]  .profile-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--profile-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.profile-page[b-gau7p0fhya]  .profile-input:hover { border-color: #829ca3; }

.profile-page[b-gau7p0fhya]  .profile-input:focus {
    border-color: var(--profile-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.profile-page[b-gau7p0fhya]  .profile-input.invalid { border-color: var(--profile-coral); }

.profile-page[b-gau7p0fhya]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

.map-panel[b-gau7p0fhya] { margin-block-start: 1.2rem; }

.map-shell[b-gau7p0fhya] {
    position: relative;
    overflow: hidden;
    border: 1px solid #aec3c8;
    background: #dfeaec;
}

.map-preview-shell[b-gau7p0fhya] {
    position: relative;
    overflow: hidden;
    border: 1px solid #aec3c8;
    background: #dfeaec;
}

.map-preview[b-gau7p0fhya] {
    height: clamp(9rem, 22vw, 12rem);
    pointer-events: none;
}

.map-open-btn[b-gau7p0fhya] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    z-index: 1100;
    display: inline-flex;
    min-height: 2.9rem;
    padding: .7rem 1.15rem;
    align-items: center;
    gap: .5rem;
    color: #fff;
    background: var(--profile-navy);
    border: 1px solid var(--profile-navy);
    border-radius: 0;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 .4rem 1rem rgb(7 62 79 / 35%);
    transform: translate(-50%, calc(-50% + 1.1rem));
}

.map-open-btn:hover[b-gau7p0fhya] { background: #0a5265; }

.map-dialog[b-gau7p0fhya] {
    width: min(94vw, 62rem);
    max-width: none;
    max-height: 92vh;
    padding: 0;
    overflow: hidden;
    border: 1px solid #aec3c8;
    color: var(--profile-ink);
    background: #fff;
    box-shadow: 0 1.5rem 4rem rgb(7 62 79 / 35%);
}

.map-dialog[b-gau7p0fhya]::backdrop { background: rgb(7 62 79 / 45%); }

.map-dialog-head[b-gau7p0fhya] {
    display: flex;
    padding: 1rem 1.15rem;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-block-end: 1px solid var(--profile-line);
}

.map-dialog-head h3[b-gau7p0fhya] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.map-dialog-head p[b-gau7p0fhya] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: var(--profile-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.map-dialog-x[b-gau7p0fhya] {
    flex: none;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid var(--profile-line);
    border-radius: 0;
    color: var(--profile-muted);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.map-dialog-x:hover[b-gau7p0fhya] { color: var(--profile-ink); background: #eef4f5; }

#mosque-map-full[b-gau7p0fhya] { height: min(62vh, 34rem); }

.map-dialog-foot[b-gau7p0fhya] {
    display: flex;
    padding: .9rem 1.15rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    border-block-start: 1px solid var(--profile-line);
}

.map-dialog-info[b-gau7p0fhya] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem 1rem;
}

.map-dialog-readout[b-gau7p0fhya] {
    color: var(--profile-ink);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
    font-weight: 800;
}

.map-dialog-info a[b-gau7p0fhya] {
    color: #007f98;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.map-dialog-actions[b-gau7p0fhya] {
    display: flex;
    gap: .6rem;
}

.map-btn[b-gau7p0fhya] {
    display: inline-flex;
    min-height: 2.85rem;
    padding: .65rem 1.1rem;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
}

.map-btn-ghost[b-gau7p0fhya] {
    color: var(--profile-ink);
    background: #fff;
    border: 1px solid #b9cbd0;
}

.map-btn-ghost:hover[b-gau7p0fhya] { background: #eef4f5; }

.map-btn-primary[b-gau7p0fhya] {
    color: var(--profile-navy);
    background: var(--profile-cyan);
    border: 1px solid var(--profile-cyan);
}

.map-btn-primary:hover[b-gau7p0fhya] { background: #04c0e2; }

.map-pin[b-gau7p0fhya] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    z-index: 1000;
    width: 2rem;
    height: 2rem;
    border: .22rem solid #fff;
    border-radius: 50% 50% 50% 0;
    background: var(--profile-coral);
    box-shadow: 0 .25rem .55rem rgb(0 0 0 / 28%);
    pointer-events: none;
    transform: translate(-50%, -100%) rotate(-45deg);
}

.map-pin > span[b-gau7p0fhya] {
    position: absolute;
    inset: .48rem;
    border-radius: 50%;
    background: #fff;
}

.map-help[b-gau7p0fhya] {
    display: flex;
    padding: .85rem 0 0;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: .55rem;
    color: var(--profile-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.map-help a[b-gau7p0fhya] {
    flex: none;
    color: #007f98;
    font-weight: 800;
    text-decoration: none;
}

.media-grid[b-gau7p0fhya] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.media-card[b-gau7p0fhya] {
    display: flex;
    min-width: 0;
    padding: .9rem;
    flex-direction: column;
    border: 1px solid var(--profile-line);
    background: #f7fafb;
}

.media-preview[b-gau7p0fhya] {
    display: grid;
    width: 100%;
    height: 10rem;
    margin-block-end: .85rem;
    overflow: hidden;
    place-items: center;
    color: #759097;
    background: #e4eef0;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.media-preview img[b-gau7p0fhya] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: .6rem;
    object-fit: contain;
}

.logo-preview img[b-gau7p0fhya] {
    padding: 1rem;
    object-fit: contain;
    background: #fff;
}

.profile-file-input[b-gau7p0fhya] {
    width: 100%;
    min-height: 3rem;
    overflow: hidden;
    border: 1px solid #b9cbd0;
    color: var(--profile-muted);
    background: #fff;
    font-size: .76rem;
}

.profile-file-input[b-gau7p0fhya]::file-selector-button {
    min-height: 3rem;
    margin-inline-end: .7rem;
    padding-inline: .8rem;
    border: 0;
    border-inline-end: 1px solid #b9cbd0;
    color: #fff;
    background: var(--profile-navy);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.media-card small[b-gau7p0fhya] {
    margin-block-start: .4rem;
    color: var(--profile-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.form-actions[b-gau7p0fhya] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--profile-navy);
    border-block-start: .35rem solid var(--profile-cyan);
}

.save-copy[b-gau7p0fhya] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.save-copy strong[b-gau7p0fhya] { font-size: .92rem; }

.save-copy span[b-gau7p0fhya] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
}

.action-buttons[b-gau7p0fhya] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.cancel-button[b-gau7p0fhya],
.save-button[b-gau7p0fhya],
.state-button[b-gau7p0fhya] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.save-button[b-gau7p0fhya] {
    color: var(--profile-navy);
    background: var(--profile-cyan);
    border-color: var(--profile-cyan);
}

.danger-zone[b-gau7p0fhya] {
    display: flex;
    margin-block-start: 1.25rem;
    padding: 1rem;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #742b24;
    background: #fbeceb;
    border: 1px solid #f0c9c5;
}

.danger-copy[b-gau7p0fhya] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.danger-copy > span[b-gau7p0fhya] {
    display: grid;
    width: 2rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--profile-coral);
    font-size: .9rem;
    font-weight: 800;
}

.danger-copy h2[b-gau7p0fhya] {
    margin: 0;
    color: #742b24;
    font-size: .92rem;
    font-weight: 800;
}

.danger-copy p[b-gau7p0fhya] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: #8b514c;
    font-size: .72rem;
    line-height: 1.5;
}

.delete-button[b-gau7p0fhya] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6473c;
    border-radius: 0;
    color: #fff;
    background: #c6473c;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
}

.page-state[b-gau7p0fhya] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--profile-muted);
    text-align: center;
    border: 1px solid var(--profile-line);
    background: #f4f8f9;
}

.page-state h1[b-gau7p0fhya] {
    margin: 0;
    color: var(--profile-ink);
    font-size: 1.35rem;
}

.page-state p[b-gau7p0fhya] { max-width: 36rem; margin: 0; }

.state-mark[b-gau7p0fhya] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--profile-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-gau7p0fhya] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--profile-navy);
    border-color: var(--profile-navy);
}

.error-state[b-gau7p0fhya] { border-inline-start: .35rem solid var(--profile-coral); }

.loading-mark[b-gau7p0fhya] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--profile-cyan);
    border-radius: 50%;
    animation: profile-spin-b-gau7p0fhya .8s linear infinite;
}

.profile-page a:focus-visible[b-gau7p0fhya],
.profile-page button:focus-visible[b-gau7p0fhya],
.profile-page input:focus-visible[b-gau7p0fhya],
.profile-page select:focus-visible[b-gau7p0fhya] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .profile-hero[b-gau7p0fhya] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .hero-meta[b-gau7p0fhya] { align-items: flex-end; }

    .field-grid[b-gau7p0fhya] { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .span-3[b-gau7p0fhya] { grid-column: span 3; }
    .span-4[b-gau7p0fhya] { grid-column: span 4; }
    .span-5[b-gau7p0fhya] { grid-column: span 5; }
    .span-6[b-gau7p0fhya] { grid-column: span 6; }
    .span-8[b-gau7p0fhya] { grid-column: span 8; }
    .span-12[b-gau7p0fhya] { grid-column: span 12; }

    .map-help[b-gau7p0fhya] {
        align-items: center;
        flex-direction: row;
    }

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

    .form-actions[b-gau7p0fhya] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-gau7p0fhya] { min-width: 20rem; }

    .danger-zone[b-gau7p0fhya] {
        align-items: center;
        flex-direction: row;
    }

    .delete-button[b-gau7p0fhya] { min-width: 10rem; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-gau7p0fhya] { animation: none; }
}
/* /Components/Pages/Mosques/MyMosques.razor.rz.scp.css */
.mosques-page[b-qg80i1pnjh] {
    --mosques-navy: #073e4f;
    --mosques-cyan: #02adcc;
    --mosques-coral: #ec5b4f;
    --mosques-ink: #102e38;
    --mosques-muted: #61747b;
    --mosques-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--mosques-ink);
}

.back-link[b-qg80i1pnjh] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.mosques-hero[b-qg80i1pnjh] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--mosques-navy);
    border-block-start: .45rem solid var(--mosques-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.mosques-hero[b-qg80i1pnjh]::after {
    position: absolute;
    inset-block-start: -5.5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-qg80i1pnjh],
.register-button[b-qg80i1pnjh] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-qg80i1pnjh],
.section-kicker[b-qg80i1pnjh] {
    display: block;
    margin-block-end: .4rem;
    color: var(--mosques-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-qg80i1pnjh] {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-qg80i1pnjh] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.register-button[b-qg80i1pnjh] {
    display: inline-flex;
    width: fit-content;
    min-height: 3rem;
    padding: .75rem 1rem;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    color: var(--mosques-navy);
    background: #fff;
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
}

.register-button > span[b-qg80i1pnjh] {
    color: var(--mosques-coral);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
}

.feedback[b-qg80i1pnjh] {
    display: flex;
    margin-block-start: 1.25rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--mosques-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-qg80i1pnjh] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--mosques-coral);
    font-weight: 850;
}

.feedback ul[b-qg80i1pnjh] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.error-feedback[b-qg80i1pnjh] { border-inline-start: .35rem solid var(--mosques-coral); }

.summary-section[b-qg80i1pnjh],
.directory-section[b-qg80i1pnjh] {
    margin-block-start: clamp(2rem, 5vw, 3.5rem);
}

.section-heading[b-qg80i1pnjh] {
    display: flex;
    margin-block-end: 1rem;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-qg80i1pnjh] {
    margin: 0;
    color: var(--mosques-ink);
    font-size: clamp(1.35rem, 4vw, 1.8rem);
    font-weight: 750;
    letter-spacing: -.02em;
}

.section-kicker[b-qg80i1pnjh] {
    margin-block-end: .25rem;
    color: #0088a1;
}

.summary-grid[b-qg80i1pnjh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.summary-card[b-qg80i1pnjh] {
    display: flex;
    min-height: 9rem;
    padding: 1.15rem;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--mosques-line);
    background: #fff;
}

.summary-card > span[b-qg80i1pnjh] {
    font-size: .78rem;
    font-weight: 800;
}

.summary-card strong[b-qg80i1pnjh] {
    margin-block: .35rem;
    font-size: clamp(2.2rem, 7vw, 3.25rem);
    font-weight: 800;
    line-height: 1;
}

.summary-card small[b-qg80i1pnjh] {
    color: var(--mosques-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.total-card[b-qg80i1pnjh] {
    grid-column: 1 / -1;
    color: #fff;
    background: var(--mosques-cyan);
    border-color: var(--mosques-cyan);
}

.total-card small[b-qg80i1pnjh] { color: rgb(255 255 255 / 82%); }
.verified-card[b-qg80i1pnjh] { border-block-start: .35rem solid #3bad86; }
.pending-card[b-qg80i1pnjh] { border-block-start: .35rem solid #efaa3d; }

.directory-heading[b-qg80i1pnjh] {
    padding-block-end: 1rem;
    border-block-end: 1px solid var(--mosques-line);
}

.mosque-count[b-qg80i1pnjh] {
    flex: none;
    color: var(--mosques-muted);
    font-size: .82rem;
}

.mosque-grid[b-qg80i1pnjh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.mosque-card[b-qg80i1pnjh] {
    position: relative;
    display: flex;
    min-width: 0;
    overflow: hidden;
    padding: 1.15rem;
    flex-direction: column;
    border: 1px solid var(--mosques-line);
    border-block-start: .38rem solid var(--mosques-cyan);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 7%);
}

.card-topline[b-qg80i1pnjh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.mosque-monogram[b-qg80i1pnjh] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--mosques-navy);
    font-size: 1.1rem;
    font-weight: 800;
}

.status-pill[b-qg80i1pnjh] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #7e5a17;
    font-size: .7rem;
    font-weight: 800;
}

.status-pill.is-verified[b-qg80i1pnjh] { color: #1e7457; }

.status-dot[b-qg80i1pnjh] {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background: #efaa3d;
}

.is-verified .status-dot[b-qg80i1pnjh] { background: #3bad86; }

.mosque-identity[b-qg80i1pnjh] {
    display: flex;
    min-height: 8.5rem;
    padding-block: 1.15rem;
    justify-content: center;
    flex-direction: column;
}

.mosque-identity h3[b-qg80i1pnjh] {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--mosques-ink);
    font-size: clamp(1.25rem, 4vw, 1.55rem);
    font-weight: 780;
    line-height: 1.2;
}

.latin-name[b-qg80i1pnjh] {
    margin-block-start: .35rem;
    color: var(--mosques-muted);
    font-size: .82rem;
}

.mosque-location[b-qg80i1pnjh] {
    display: inline-flex;
    margin-block-start: .8rem;
    align-items: center;
    gap: .45rem;
    color: var(--mosques-muted);
    font-size: .8rem;
}

.mosque-location > span[b-qg80i1pnjh] {
    color: var(--mosques-coral);
    font-size: .55rem;
}

.manage-link[b-qg80i1pnjh] {
    display: flex;
    min-height: 3rem;
    padding: .72rem .9rem;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: #fff;
    background: var(--mosques-navy);
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.manage-link:hover[b-qg80i1pnjh] { color: #fff; background: #0a5268; }

.card-footer[b-qg80i1pnjh] {
    margin: 1rem -1.15rem -1.15rem;
}

.card-actions[b-qg80i1pnjh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-block-start: 1px solid var(--mosques-line);
    background: #f4f8f9;
}

.delete-card-button[b-qg80i1pnjh] {
    display: flex;
    width: 100%;
    min-height: 2.8rem;
    padding: .6rem 1rem;
    align-items: center;
    justify-content: center;
    border: 0;
    border-block-start: 1px solid #f0c9c5;
    color: #742b24;
    background: #fbeceb;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.delete-card-button:hover[b-qg80i1pnjh] { background: #f6dcd9; }

.card-actions a[b-qg80i1pnjh] {
    display: flex;
    min-width: 0;
    min-height: 5rem;
    padding: .75rem .35rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .3rem;
    border-inline-end: 1px solid var(--mosques-line);
    color: var(--mosques-ink);
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.card-actions a:last-child[b-qg80i1pnjh] { border-inline-end: 0; }

.card-actions a:hover[b-qg80i1pnjh] {
    color: #007f98;
    background: #e8f2f4;
}

.card-actions a > span[b-qg80i1pnjh] {
    color: #0088a1;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.page-state[b-qg80i1pnjh],
.empty-state[b-qg80i1pnjh] {
    display: flex;
    min-height: 14rem;
    margin-block-start: 2rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .6rem;
    color: var(--mosques-muted);
    text-align: center;
    background: #f4f8f9;
    border: 1px solid var(--mosques-line);
}

.page-state strong[b-qg80i1pnjh],
.empty-state h3[b-qg80i1pnjh] {
    margin: 0;
    color: var(--mosques-ink);
}

.page-state p[b-qg80i1pnjh],
.empty-state p[b-qg80i1pnjh] { margin: .25rem 0; }

.page-state a[b-qg80i1pnjh] {
    color: #007f98;
    font-weight: 800;
}

.error-state[b-qg80i1pnjh] {
    border-inline-start: .35rem solid var(--mosques-coral);
}

.state-mark[b-qg80i1pnjh],
.empty-mark[b-qg80i1pnjh] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--mosques-coral);
    font-size: 1.4rem;
    font-weight: 800;
}

.empty-mark[b-qg80i1pnjh] {
    background: var(--mosques-cyan);
    font-size: 1.8rem;
    font-weight: 400;
}

.empty-button[b-qg80i1pnjh] {
    margin-block-start: .35rem;
    padding: .75rem 1rem;
    color: #fff;
    background: var(--mosques-navy);
    font-weight: 800;
    text-decoration: none;
}

.loading-mark[b-qg80i1pnjh] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--mosques-cyan);
    border-radius: 50%;
    animation: mosques-spin-b-qg80i1pnjh .8s linear infinite;
}

.mosques-page a:focus-visible[b-qg80i1pnjh] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .mosques-hero[b-qg80i1pnjh] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .summary-grid[b-qg80i1pnjh] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .total-card[b-qg80i1pnjh] { grid-column: auto; }
    .mosque-grid[b-qg80i1pnjh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 76rem) {
    .mosque-grid[b-qg80i1pnjh] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-qg80i1pnjh] { animation: none; }
}
/* /Components/Pages/Mosques/PrayerScreens.razor.rz.scp.css */
.screens-page[b-v4ggz6vpkg] {
    --screens-navy: #073e4f;
    --screens-cyan: #02adcc;
    --screens-coral: #ec5b4f;
    --screens-ink: #102e38;
    --screens-muted: #61747b;
    --screens-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--screens-ink);
}

.back-link[b-v4ggz6vpkg] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.screens-hero[b-v4ggz6vpkg] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--screens-navy);
    border-block-start: .45rem solid var(--screens-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.screens-hero[b-v4ggz6vpkg]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-v4ggz6vpkg],
.hero-summary[b-v4ggz6vpkg] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-v4ggz6vpkg] {
    display: block;
    margin-block-end: .45rem;
    color: var(--screens-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-v4ggz6vpkg] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-v4ggz6vpkg] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-summary[b-v4ggz6vpkg] {
    display: flex;
    max-width: 22rem;
    padding: .9rem 1rem;
    flex-direction: column;
    gap: .25rem;
    border-inline-start: .25rem solid var(--screens-cyan);
    background: rgb(255 255 255 / 8%);
}

.hero-summary > span[b-v4ggz6vpkg] {
    color: rgb(255 255 255 / 58%);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-summary strong[b-v4ggz6vpkg] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: .95rem;
}

.hero-summary small[b-v4ggz6vpkg] {
    color: rgb(255 255 255 / 68%);
    font-size: .7rem;
    line-height: 1.4;
}

.profile-tabs[b-v4ggz6vpkg] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-v4ggz6vpkg] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--screens-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-v4ggz6vpkg] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-v4ggz6vpkg] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-v4ggz6vpkg] {
    color: #fff;
    background: var(--screens-cyan);
}

.profile-tab.active > span[b-v4ggz6vpkg] { color: rgb(255 255 255 / 72%); }

.feedback[b-v4ggz6vpkg] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--screens-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-v4ggz6vpkg] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-v4ggz6vpkg] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-v4ggz6vpkg] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-v4ggz6vpkg] { border-inline-start: .35rem solid var(--screens-coral); }
.error-feedback > span[b-v4ggz6vpkg] { background: var(--screens-coral); }

.screens-page[b-v4ggz6vpkg]  .validation-summary {
    display: none;
}

.screens-page[b-v4ggz6vpkg]  .validation-summary.validation-errors {
    display: block;
    margin-block-end: 1rem;
    padding: 1rem;
    color: #742b24;
    background: #fbe7e5;
    border-inline-start: .35rem solid var(--screens-coral);
    font-size: .8rem;
}

.screens-page[b-v4ggz6vpkg]  .validation-summary ul {
    margin: 0;
    padding-inline-start: 1.1rem;
}

.form-section[b-v4ggz6vpkg] {
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--screens-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-v4ggz6vpkg] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--screens-line);
}

.section-number[b-v4ggz6vpkg] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--screens-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-v4ggz6vpkg] { background: var(--screens-coral); }

.section-heading h2[b-v4ggz6vpkg] {
    margin: 0;
    color: var(--screens-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-v4ggz6vpkg] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--screens-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.duration-grid[b-v4ggz6vpkg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .8rem;
}

.field[b-v4ggz6vpkg] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-v4ggz6vpkg] {
    margin-block-end: .42rem;
    color: var(--screens-ink);
    font-size: .74rem;
    font-weight: 800;
}

.screens-page[b-v4ggz6vpkg]  .screens-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--screens-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.screens-page[b-v4ggz6vpkg]  textarea.screens-input {
    min-height: 5.5rem;
    resize: vertical;
}

.screens-page[b-v4ggz6vpkg]  .screens-input:hover { border-color: #829ca3; }

.screens-page[b-v4ggz6vpkg]  .screens-input:focus {
    border-color: var(--screens-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.seconds-control[b-v4ggz6vpkg] {
    position: relative;
    /* The field's own input is forced dir="ltr" (see the .razor markup), but this wrapper isn't —
       in RTL pages it still inherits direction: rtl, so the "sec" suffix badge below (positioned via
       the logical inset-inline-end) resolves to the LEFT edge instead of the right, landing directly
       on top of the LTR-rendered digits and hiding them under its opaque background. Forcing ltr here
       keeps the badge and the input's own reserved padding on the same (right) side in every language. */
    direction: ltr;
}

.seconds-control[b-v4ggz6vpkg]  .screens-input {
    padding-inline-end: 4rem;
}

.seconds-control > span[b-v4ggz6vpkg] {
    position: absolute;
    inset-block: 1px;
    inset-inline-end: 1px;
    display: grid;
    width: 3.25rem;
    place-items: center;
    color: var(--screens-muted);
    background: #edf3f4;
    font-size: .66rem;
    font-weight: 800;
    pointer-events: none;
}

.azkar-list[b-v4ggz6vpkg] {
    display: grid;
    gap: .8rem;
}

.azkar-row[b-v4ggz6vpkg] {
    display: grid;
    min-width: 0;
    border: 1px solid var(--screens-line);
    background: #f8fafb;
}

.azkar-row > header[b-v4ggz6vpkg] {
    display: flex;
    padding: .8rem;
    align-items: center;
    gap: .65rem;
    color: #fff;
    background: var(--screens-navy);
}

.azkar-row > header span[b-v4ggz6vpkg] {
    color: var(--screens-cyan);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.row-fields[b-v4ggz6vpkg] {
    display: grid;
    min-width: 0;
    padding: .85rem;
    grid-template-columns: minmax(0, 1fr);
    gap: .7rem;
}

.duration-field[b-v4ggz6vpkg] {
    max-width: 12rem;
}

.azkar-hint[b-v4ggz6vpkg] {
    margin: .8rem 0 0;
    color: var(--screens-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.form-actions[b-v4ggz6vpkg] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--screens-navy);
    border-block-start: .35rem solid var(--screens-cyan);
}

.save-copy[b-v4ggz6vpkg] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.save-copy strong[b-v4ggz6vpkg] { font-size: .92rem; }

.save-copy span[b-v4ggz6vpkg] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
    line-height: 1.45;
}

.action-buttons[b-v4ggz6vpkg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.cancel-button[b-v4ggz6vpkg],
.save-button[b-v4ggz6vpkg],
.state-button[b-v4ggz6vpkg] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.save-button[b-v4ggz6vpkg] {
    color: var(--screens-navy);
    background: var(--screens-cyan);
    border-color: var(--screens-cyan);
}

.page-state[b-v4ggz6vpkg] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--screens-muted);
    text-align: center;
    border: 1px solid var(--screens-line);
    background: #f4f8f9;
}

.page-state h1[b-v4ggz6vpkg] {
    margin: 0;
    color: var(--screens-ink);
    font-size: 1.35rem;
}

.page-state p[b-v4ggz6vpkg] { max-width: 36rem; margin: 0; }

.state-mark[b-v4ggz6vpkg] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--screens-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-v4ggz6vpkg] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--screens-navy);
    border-color: var(--screens-navy);
}

.error-state[b-v4ggz6vpkg] { border-inline-start: .35rem solid var(--screens-coral); }

.loading-mark[b-v4ggz6vpkg] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--screens-cyan);
    border-radius: 50%;
    animation: screens-spin-b-v4ggz6vpkg .8s linear infinite;
}

.screens-page a:focus-visible[b-v4ggz6vpkg],
.screens-page button:focus-visible[b-v4ggz6vpkg],
.screens-page input:focus-visible[b-v4ggz6vpkg],
.screens-page textarea:focus-visible[b-v4ggz6vpkg] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 44rem) {
    .screens-hero[b-v4ggz6vpkg] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem);
        align-items: end;
    }

    .hero-summary[b-v4ggz6vpkg] { justify-self: end; }

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

    .row-fields[b-v4ggz6vpkg] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 10rem);
        align-items: start;
    }

    .form-actions[b-v4ggz6vpkg] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-v4ggz6vpkg] { min-width: 20rem; }
}

@media (min-width: 58rem) {
    .duration-grid[b-v4ggz6vpkg] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-v4ggz6vpkg] { animation: none; }
}
/* /Components/Pages/Mosques/PrayerSettings.razor.rz.scp.css */
.prayer-page[b-asek8dutqe] {
    --prayer-navy: #073e4f;
    --prayer-cyan: #02adcc;
    --prayer-coral: #ec5b4f;
    --prayer-ink: #102e38;
    --prayer-muted: #61747b;
    --prayer-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--prayer-ink);
}

.back-link[b-asek8dutqe] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.prayer-hero[b-asek8dutqe] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--prayer-navy);
    border-block-start: .45rem solid var(--prayer-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.prayer-hero[b-asek8dutqe]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-asek8dutqe],
.hero-mosque[b-asek8dutqe] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-asek8dutqe] {
    display: block;
    margin-block-end: .45rem;
    color: var(--prayer-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-asek8dutqe] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-asek8dutqe] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-mosque[b-asek8dutqe] {
    display: flex;
    max-width: 22rem;
    padding: .9rem 1rem;
    flex-direction: column;
    gap: .25rem;
    border-inline-start: .25rem solid var(--prayer-cyan);
    background: rgb(255 255 255 / 8%);
}

.hero-mosque span[b-asek8dutqe] {
    color: rgb(255 255 255 / 58%);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-mosque strong[b-asek8dutqe] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: .95rem;
}

.profile-tabs[b-asek8dutqe] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.profile-tab[b-asek8dutqe] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--prayer-ink);
    background: #edf3f4;
    font-size: .8rem;
    font-weight: 780;
    text-decoration: none;
}

.profile-tab > span[b-asek8dutqe] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.profile-tab:hover[b-asek8dutqe] {
    color: #007f98;
    background: #e1eef0;
}

.profile-tab.active[b-asek8dutqe] {
    color: #fff;
    background: var(--prayer-cyan);
}

.profile-tab.active > span[b-asek8dutqe] { color: rgb(255 255 255 / 72%); }

.feedback[b-asek8dutqe] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--prayer-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-asek8dutqe] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: #3bad86;
    font-weight: 850;
}

.feedback ul[b-asek8dutqe] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.success-feedback[b-asek8dutqe] { border-inline-start: .35rem solid #3bad86; }
.error-feedback[b-asek8dutqe] { border-inline-start: .35rem solid var(--prayer-coral); }
.error-feedback > span[b-asek8dutqe] { background: var(--prayer-coral); }

.settings-layout[b-asek8dutqe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.settings-form[b-asek8dutqe] {
    min-width: 0;
}

.settings-section[b-asek8dutqe] {
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--prayer-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-asek8dutqe] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--prayer-line);
}

.section-number[b-asek8dutqe] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--prayer-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.section-heading h2[b-asek8dutqe] {
    margin: 0;
    color: var(--prayer-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-asek8dutqe] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--prayer-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.field-grid[b-asek8dutqe],
.offset-grid[b-asek8dutqe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.field[b-asek8dutqe],
.offset-field[b-asek8dutqe] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-asek8dutqe],
.offset-field label[b-asek8dutqe] {
    margin-block-end: .42rem;
    color: var(--prayer-ink);
    font-size: .78rem;
    font-weight: 800;
}

.field small[b-asek8dutqe] {
    margin-block-start: .4rem;
    color: var(--prayer-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.prayer-page[b-asek8dutqe]  .settings-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--prayer-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.prayer-page[b-asek8dutqe]  .settings-select {
    cursor: pointer;
}

.prayer-page[b-asek8dutqe]  .settings-input:hover { border-color: #829ca3; }

.prayer-page[b-asek8dutqe]  .settings-input:focus {
    border-color: var(--prayer-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.prayer-page[b-asek8dutqe]  .settings-input.invalid { border-color: var(--prayer-coral); }

.prayer-page[b-asek8dutqe]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

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

.offset-field[b-asek8dutqe] {
    position: relative;
    padding: .85rem;
    border: 1px solid var(--prayer-line);
    background: #f6f9fa;
}

.offset-field > span[b-asek8dutqe] {
    position: absolute;
    inset-block-start: .55rem;
    inset-inline-end: .65rem;
    color: #9badb2;
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.offset-field label[b-asek8dutqe] {
    padding-inline-end: 1.5rem;
}

.hijri-field[b-asek8dutqe] {
    max-width: 20rem;
    margin-block-start: 1rem;
    padding-block-start: 1rem;
    border-block-start: 1px solid var(--prayer-line);
}

.form-actions[b-asek8dutqe] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--prayer-navy);
    border-block-start: .35rem solid var(--prayer-cyan);
}

.save-copy[b-asek8dutqe] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.save-copy strong[b-asek8dutqe] { font-size: .92rem; }

.save-copy span[b-asek8dutqe] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
    line-height: 1.45;
}

.action-buttons[b-asek8dutqe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.preview-button[b-asek8dutqe],
.cancel-button[b-asek8dutqe],
.save-button[b-asek8dutqe],
.state-button[b-asek8dutqe] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem .9rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.preview-button[b-asek8dutqe] {
    grid-column: 1 / -1;
    color: var(--prayer-navy);
    background: #fff;
    border-color: #fff;
}

.save-button[b-asek8dutqe] {
    color: var(--prayer-navy);
    background: var(--prayer-cyan);
    border-color: var(--prayer-cyan);
}

.preview-card[b-asek8dutqe] {
    overflow: hidden;
    border: 1px solid #b9cbd0;
    background: #fff;
    box-shadow: 0 .75rem 2rem rgb(16 46 56 / 8%);
}

.preview-header[b-asek8dutqe] {
    padding: 1.2rem;
    color: #fff;
    background: var(--prayer-navy);
    border-block-start: .35rem solid var(--prayer-cyan);
}

.preview-header span[b-asek8dutqe] {
    display: block;
    margin-block-end: .35rem;
    color: var(--prayer-cyan);
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.preview-header h2[b-asek8dutqe] {
    margin: 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 760;
    line-height: 1.35;
}

.preview-list[b-asek8dutqe] {
    padding: .35rem 1rem;
}

.preview-row[b-asek8dutqe] {
    display: grid;
    min-height: 3.4rem;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    border-block-end: 1px solid var(--prayer-line);
}

.preview-row:last-child[b-asek8dutqe] { border-block-end: 0; }

.preview-row > span[b-asek8dutqe] {
    color: #91a4aa;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.preview-row strong[b-asek8dutqe] {
    font-size: .83rem;
    font-weight: 780;
}

.preview-row time[b-asek8dutqe] {
    color: #007f98;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.preview-error[b-asek8dutqe] {
    margin: 1rem;
    padding: .9rem;
    color: #742b24;
    background: #fbe7e5;
    border-inline-start: .3rem solid var(--prayer-coral);
    font-size: .8rem;
    line-height: 1.5;
}

.preview-footer[b-asek8dutqe] {
    padding: 1rem;
    color: var(--prayer-muted);
    background: #f2f7f8;
    font-size: .7rem;
    line-height: 1.55;
}

.page-state[b-asek8dutqe] {
    display: flex;
    min-height: 18rem;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: var(--prayer-muted);
    text-align: center;
    border: 1px solid var(--prayer-line);
    background: #f4f8f9;
}

.page-state h1[b-asek8dutqe] {
    margin: 0;
    color: var(--prayer-ink);
    font-size: 1.35rem;
}

.page-state p[b-asek8dutqe] { max-width: 36rem; margin: 0; }

.state-mark[b-asek8dutqe] {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    color: #fff;
    background: var(--prayer-coral);
    font-size: 1.35rem;
    font-weight: 850;
}

.state-button[b-asek8dutqe] {
    margin-block-start: .35rem;
    color: #fff;
    background: var(--prayer-navy);
    border-color: var(--prayer-navy);
}

.error-state[b-asek8dutqe] { border-inline-start: .35rem solid var(--prayer-coral); }

.loading-mark[b-asek8dutqe] {
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid #cbdadd;
    border-block-start-color: var(--prayer-cyan);
    border-radius: 50%;
    animation: prayer-spin-b-asek8dutqe .8s linear infinite;
}

.prayer-page a:focus-visible[b-asek8dutqe],
.prayer-page button:focus-visible[b-asek8dutqe],
.prayer-page input:focus-visible[b-asek8dutqe],
.prayer-page select:focus-visible[b-asek8dutqe] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

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

@media (min-width: 42rem) {
    .prayer-hero[b-asek8dutqe] {
        grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
        align-items: end;
    }

    .hero-mosque[b-asek8dutqe] {
        justify-self: end;
    }

    .field-grid.two-columns[b-asek8dutqe] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .field-grid.three-columns[b-asek8dutqe] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .offset-grid[b-asek8dutqe] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .form-actions[b-asek8dutqe] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-asek8dutqe] {
        min-width: 29rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .preview-button[b-asek8dutqe] { grid-column: auto; }
}

@media (min-width: 64rem) {
    .settings-layout[b-asek8dutqe] {
        grid-template-columns: minmax(0, 1.48fr) minmax(18rem, .72fr);
        align-items: start;
    }

    .preview-card[b-asek8dutqe] {
        position: sticky;
        inset-block-start: 5rem;
    }

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

    .action-buttons[b-asek8dutqe] {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-mark[b-asek8dutqe] { animation: none; }
}
/* /Components/Pages/Mosques/RegisterMosque.razor.rz.scp.css */
.register-mosque-page[b-77g5ymmkuu] {
    --register-navy: #073e4f;
    --register-cyan: #02adcc;
    --register-coral: #ec5b4f;
    --register-ink: #102e38;
    --register-muted: #61747b;
    --register-line: #dce6e9;
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-block: .25rem 3rem;
    color: var(--register-ink);
}

.back-link[b-77g5ymmkuu] {
    display: inline-flex;
    margin-block-end: 1rem;
    align-items: center;
    gap: .45rem;
    color: #007f98;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.register-hero[b-77g5ymmkuu] {
    position: relative;
    display: grid;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    background: var(--register-navy);
    border-block-start: .45rem solid var(--register-cyan);
    box-shadow: 0 1rem 2.8rem rgb(7 62 79 / 14%);
}

.register-hero[b-77g5ymmkuu]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 13rem;
    height: 13rem;
    content: "";
    border: 2.6rem solid rgb(255 255 255 / 6%);
    border-radius: 50%;
}

.hero-copy[b-77g5ymmkuu],
.hero-summary[b-77g5ymmkuu] {
    position: relative;
    z-index: 1;
}

.hero-kicker[b-77g5ymmkuu] {
    display: block;
    margin-block-end: .45rem;
    color: var(--register-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-copy h1[b-77g5ymmkuu] {
    max-width: 24ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hero-copy p[b-77g5ymmkuu] {
    max-width: 44rem;
    margin: .9rem 0 0;
    color: rgb(255 255 255 / 76%);
    font-size: clamp(.94rem, 2vw, 1.06rem);
    line-height: 1.65;
}

.hero-summary[b-77g5ymmkuu] {
    display: flex;
    width: min(100%, 13rem);
    padding: 1rem;
    align-items: flex-start;
    flex-direction: column;
    gap: .3rem;
    border-inline-start: .25rem solid var(--register-cyan);
    background: rgb(255 255 255 / 8%);
}

.hero-summary strong[b-77g5ymmkuu] {
    color: var(--register-cyan);
    font-size: 2rem;
    font-weight: 850;
    line-height: 1;
}

.hero-summary span[b-77g5ymmkuu] {
    color: rgb(255 255 255 / 70%);
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.4;
}

.registration-steps[b-77g5ymmkuu] {
    display: flex;
    overflow-x: auto;
    margin-block: 1rem clamp(2rem, 5vw, 3rem);
    gap: .35rem;
    scrollbar-width: thin;
}

.registration-steps > span[b-77g5ymmkuu] {
    display: flex;
    min-width: max-content;
    min-height: 3.5rem;
    padding: .7rem .9rem;
    align-items: center;
    gap: .55rem;
    color: var(--register-ink);
    background: #edf3f4;
    font-size: .78rem;
    font-weight: 780;
}

.registration-steps b[b-77g5ymmkuu] {
    color: #70858c;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.registration-steps > span:first-child[b-77g5ymmkuu] {
    color: #fff;
    background: var(--register-cyan);
}

.registration-steps > span:first-child b[b-77g5ymmkuu] { color: rgb(255 255 255 / 72%); }

.feedback[b-77g5ymmkuu] {
    display: flex;
    margin-block-end: 1rem;
    padding: 1rem;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid var(--register-line);
    background: #fff;
    font-size: .88rem;
}

.feedback > span[b-77g5ymmkuu] {
    display: grid;
    width: 1.7rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--register-coral);
    font-weight: 850;
}

.feedback ul[b-77g5ymmkuu] {
    margin: .1rem 0;
    padding-inline-start: 1.1rem;
}

.error-feedback[b-77g5ymmkuu] { border-inline-start: .35rem solid var(--register-coral); }

.form-section[b-77g5ymmkuu] {
    margin-block-end: 1.25rem;
    padding: clamp(1.1rem, 3vw, 1.8rem);
    border: 1px solid var(--register-line);
    background: #fff;
    box-shadow: 0 .55rem 1.5rem rgb(16 46 56 / 5%);
}

.section-heading[b-77g5ymmkuu] {
    display: flex;
    margin-block-end: 1.4rem;
    padding-block-end: 1rem;
    align-items: flex-start;
    gap: .85rem;
    border-block-end: 1px solid var(--register-line);
}

.section-number[b-77g5ymmkuu] {
    display: grid;
    width: 2.4rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--register-navy);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.coral-number[b-77g5ymmkuu] { background: var(--register-coral); }

.section-heading h2[b-77g5ymmkuu] {
    margin: 0;
    color: var(--register-ink);
    font-size: clamp(1.2rem, 4vw, 1.55rem);
    font-weight: 760;
    letter-spacing: -.015em;
}

.section-heading p[b-77g5ymmkuu] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: var(--register-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.field-grid[b-77g5ymmkuu],
.media-grid[b-77g5ymmkuu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.field[b-77g5ymmkuu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.field label[b-77g5ymmkuu],
.verification-card label[b-77g5ymmkuu],
.media-card label[b-77g5ymmkuu] {
    margin-block-end: .42rem;
    color: var(--register-ink);
    font-size: .78rem;
    font-weight: 800;
}

.field small[b-77g5ymmkuu],
.verification-card small[b-77g5ymmkuu],
.media-card small[b-77g5ymmkuu] {
    margin-block-start: .4rem;
    color: var(--register-muted);
    font-size: .7rem;
    line-height: 1.4;
}

.register-mosque-page[b-77g5ymmkuu]  .register-input {
    width: 100%;
    min-height: 3.15rem;
    padding: .72rem .8rem;
    border: 1px solid #b9cbd0;
    border-radius: 0;
    color: var(--register-ink);
    background: #fff;
    font: inherit;
    font-size: .9rem;
    box-shadow: none;
}

.register-mosque-page[b-77g5ymmkuu]  .register-select { cursor: pointer; }
.register-mosque-page[b-77g5ymmkuu]  .register-input:hover { border-color: #829ca3; }

.register-mosque-page[b-77g5ymmkuu]  .register-input:focus {
    border-color: var(--register-cyan);
    outline: 3px solid rgb(2 173 204 / 18%);
    outline-offset: 0;
}

.register-mosque-page[b-77g5ymmkuu]  .register-input.invalid { border-color: var(--register-coral); }

.register-mosque-page[b-77g5ymmkuu]  .field-error {
    margin-block-start: .35rem;
    color: #b73d33;
    font-size: .72rem;
    line-height: 1.35;
}

.verification-card[b-77g5ymmkuu] {
    display: grid;
    margin-block-end: 1rem;
    padding: 1rem;
    gap: .8rem;
    border: 1px solid #b9dce2;
    background: #eef8fa;
    border-inline-start: .35rem solid var(--register-cyan);
}

.verification-copy[b-77g5ymmkuu] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.verification-copy > span[b-77g5ymmkuu] {
    display: grid;
    width: 2.8rem;
    aspect-ratio: 1;
    flex: none;
    place-items: center;
    color: #fff;
    background: var(--register-navy);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.verification-copy > div[b-77g5ymmkuu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.verification-card > p[b-77g5ymmkuu] {
    margin: 0;
    color: var(--register-muted);
    font-size: .7rem;
}

.media-card[b-77g5ymmkuu] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: .9rem;
    flex-direction: column;
    border: 1px solid var(--register-line);
    background: #f7fafb;
}

.media-card > span[b-77g5ymmkuu] {
    position: absolute;
    inset-block-start: .65rem;
    inset-inline-end: .7rem;
    color: #97a9ae;
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.media-card label[b-77g5ymmkuu] { padding-inline-end: 1.5rem; }

.file-input[b-77g5ymmkuu] {
    width: 100%;
    min-height: 3rem;
    overflow: hidden;
    border: 1px solid #b9cbd0;
    color: var(--register-muted);
    background: #fff;
    font-size: .72rem;
}

.file-input[b-77g5ymmkuu]::file-selector-button {
    min-height: 3rem;
    margin-inline-end: .7rem;
    padding-inline: .8rem;
    border: 0;
    border-inline-end: 1px solid #b9cbd0;
    color: #fff;
    background: var(--register-navy);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.form-actions[b-77g5ymmkuu] {
    display: flex;
    padding: clamp(1rem, 3vw, 1.4rem);
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    color: #fff;
    background: var(--register-navy);
    border-block-start: .35rem solid var(--register-cyan);
}

.submit-copy[b-77g5ymmkuu] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.submit-copy strong[b-77g5ymmkuu] { font-size: .92rem; }

.submit-copy span[b-77g5ymmkuu] {
    color: rgb(255 255 255 / 66%);
    font-size: .75rem;
    line-height: 1.45;
}

.action-buttons[b-77g5ymmkuu],
.success-actions[b-77g5ymmkuu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.cancel-button[b-77g5ymmkuu],
.submit-button[b-77g5ymmkuu],
.secondary-button[b-77g5ymmkuu],
.primary-button[b-77g5ymmkuu] {
    display: inline-flex;
    min-height: 3rem;
    padding: .72rem 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.submit-button[b-77g5ymmkuu],
.primary-button[b-77g5ymmkuu] {
    color: var(--register-navy);
    background: var(--register-cyan);
    border-color: var(--register-cyan);
}

.success-state[b-77g5ymmkuu] {
    position: relative;
    display: flex;
    min-height: 30rem;
    overflow: hidden;
    padding: clamp(1.5rem, 6vw, 3.5rem);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .65rem;
    color: rgb(255 255 255 / 76%);
    text-align: center;
    background: var(--register-navy);
    border-block-start: .45rem solid var(--register-cyan);
}

.success-state[b-77g5ymmkuu]::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3.5rem;
    width: 14rem;
    height: 14rem;
    content: "";
    border: 2.8rem solid rgb(255 255 255 / 5%);
    border-radius: 50%;
}

.success-state > *[b-77g5ymmkuu] {
    position: relative;
    z-index: 1;
}

.success-mark[b-77g5ymmkuu] {
    display: grid;
    width: 4rem;
    aspect-ratio: 1;
    margin-block-end: .25rem;
    place-items: center;
    color: var(--register-navy);
    background: var(--register-cyan);
    font-size: 1.5rem;
    font-weight: 900;
}

.success-kicker[b-77g5ymmkuu] {
    color: var(--register-cyan);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.success-state h1[b-77g5ymmkuu] {
    max-width: 26ch;
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 6vw, 3rem);
    font-weight: 780;
    line-height: 1.1;
}

.success-state > p[b-77g5ymmkuu] {
    max-width: 42rem;
    margin: .35rem 0;
    font-size: .9rem;
    line-height: 1.6;
}

.pending-pill[b-77g5ymmkuu] {
    display: inline-flex;
    min-height: 2rem;
    padding: .4rem .7rem;
    align-items: center;
    gap: .45rem;
    color: #5f420f;
    background: #f7d48e;
    font-size: .7rem;
    font-weight: 850;
}

.pending-pill i[b-77g5ymmkuu] {
    width: .45rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #bc7f14;
}

.next-step[b-77g5ymmkuu] {
    display: flex;
    max-width: 40rem;
    margin-block: 1rem .35rem;
    padding: 1rem;
    flex-direction: column;
    gap: .25rem;
    text-align: start;
    border-inline-start: .3rem solid var(--register-cyan);
    background: rgb(255 255 255 / 8%);
}

.next-step strong[b-77g5ymmkuu] {
    color: #fff;
    font-size: .84rem;
}

.next-step span[b-77g5ymmkuu] {
    color: rgb(255 255 255 / 66%);
    font-size: .74rem;
    line-height: 1.5;
}

.success-actions[b-77g5ymmkuu] {
    width: min(100%, 26rem);
}

.secondary-button[b-77g5ymmkuu] { border-color: rgb(255 255 255 / 35%); }

.register-mosque-page a:focus-visible[b-77g5ymmkuu],
.register-mosque-page button:focus-visible[b-77g5ymmkuu],
.register-mosque-page input:focus-visible[b-77g5ymmkuu],
.register-mosque-page select:focus-visible[b-77g5ymmkuu] {
    outline: 3px solid #efaa3d;
    outline-offset: 3px;
}

@media (min-width: 42rem) {
    .register-hero[b-77g5ymmkuu] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .hero-summary[b-77g5ymmkuu] {
        align-items: flex-end;
        justify-self: end;
        text-align: end;
    }

    .field-grid[b-77g5ymmkuu] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .span-3[b-77g5ymmkuu] { grid-column: span 3; }
    .span-4[b-77g5ymmkuu] { grid-column: span 4; }
    .span-5[b-77g5ymmkuu] { grid-column: span 5; }
    .span-6[b-77g5ymmkuu] { grid-column: span 6; }
    .span-8[b-77g5ymmkuu] { grid-column: span 8; }
    .span-12[b-77g5ymmkuu] { grid-column: span 12; }

    .media-grid[b-77g5ymmkuu] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .form-actions[b-77g5ymmkuu] {
        align-items: center;
        flex-direction: row;
    }

    .action-buttons[b-77g5ymmkuu] { min-width: 23rem; }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found-page[b-sp4sckw9ac] {
    --not-found-navy: #063548;
    --not-found-cyan: #00afd0;
    --not-found-cyan-dark: #008aaa;
    --not-found-ink: #082d3d;
    --not-found-muted: #58707a;
    --not-found-line: #cbd9de;
    width: min(100%, 76rem);
    margin-inline: auto;
    padding: clamp(2rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem);
    color: var(--not-found-ink);
}

.not-found-grid[b-sp4sckw9ac] {
    display: grid;
    border: 1px solid var(--not-found-line);
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(6, 53, 72, 0.1);
    grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 1.25fr);
}

.error-code-panel[b-sp4sckw9ac] {
    position: relative;
    display: flex;
    min-height: 28rem;
    overflow: hidden;
    border-block-start: 0.45rem solid var(--not-found-cyan);
    background: var(--not-found-navy);
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    flex-direction: column;
    justify-content: center;
}

.error-code-panel > span[b-sp4sckw9ac] {
    color: #77d8e9;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.error-code-panel > strong[b-sp4sckw9ac] {
    position: relative;
    z-index: 1;
    margin-top: 0.3rem;
    color: #fff;
    font-size: clamp(5.5rem, 13vw, 9rem);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 0.95;
}

.code-blocks[b-sp4sckw9ac] {
    position: absolute;
    inset-block-end: 1.5rem;
    inset-inline-end: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 2.5rem);
    gap: 0.35rem;
    opacity: 0.85;
}

.code-blocks i[b-sp4sckw9ac] {
    display: block;
    height: 2.5rem;
    background: #176077;
}

.code-blocks i:nth-child(2)[b-sp4sckw9ac] {
    background: var(--not-found-cyan);
}

.not-found-copy[b-sp4sckw9ac] {
    display: flex;
    justify-content: center;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    flex-direction: column;
}

.not-found-kicker[b-sp4sckw9ac] {
    width: fit-content;
    border-inline-start: 0.25rem solid var(--not-found-cyan);
    padding-inline-start: 0.55rem;
    color: var(--not-found-cyan-dark);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.not-found-copy h1[b-sp4sckw9ac] {
    margin: 0.65rem 0 0.7rem;
    color: var(--not-found-navy);
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 1.04;
}

.not-found-copy > p[b-sp4sckw9ac] {
    margin: 0;
    color: var(--not-found-muted);
    font-size: 1rem;
    line-height: 1.65;
}

.not-found-copy > small[b-sp4sckw9ac] {
    display: block;
    margin-top: 0.45rem;
    color: #71858d;
    font-size: 0.76rem;
    line-height: 1.5;
}

.not-found-actions[b-sp4sckw9ac] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.5rem;
}

.primary-action[b-sp4sckw9ac],
.secondary-action[b-sp4sckw9ac] {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border: 2px solid var(--not-found-cyan);
    border-radius: 0;
    padding: 0.65rem 1rem;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.primary-action[b-sp4sckw9ac] {
    background: var(--not-found-cyan);
    color: var(--not-found-navy);
}

.secondary-action[b-sp4sckw9ac] {
    border-color: var(--not-found-line);
    background: #fff;
    color: var(--not-found-navy);
}

.primary-action:hover[b-sp4sckw9ac],
.primary-action:focus-visible[b-sp4sckw9ac] {
    border-color: var(--not-found-navy);
    background: var(--not-found-navy);
    color: #fff;
}

.secondary-action:hover[b-sp4sckw9ac],
.secondary-action:focus-visible[b-sp4sckw9ac] {
    border-color: var(--not-found-cyan-dark);
    color: var(--not-found-cyan-dark);
}

.primary-action:focus-visible[b-sp4sckw9ac],
.secondary-action:focus-visible[b-sp4sckw9ac],
.route-grid a:focus-visible[b-sp4sckw9ac] {
    outline: 3px solid rgba(0, 175, 208, 0.3);
    outline-offset: 3px;
}

.recovery-routes[b-sp4sckw9ac] {
    margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

.recovery-routes > header[b-sp4sckw9ac] {
    max-width: 42rem;
}

.recovery-routes > header > span[b-sp4sckw9ac] {
    color: var(--not-found-cyan-dark);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.recovery-routes h2[b-sp4sckw9ac] {
    margin: 0.25rem 0 0.35rem;
    color: var(--not-found-navy);
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 850;
}

.recovery-routes header p[b-sp4sckw9ac] {
    margin: 0;
    color: var(--not-found-muted);
    font-size: 0.86rem;
    line-height: 1.55;
}

.route-grid[b-sp4sckw9ac] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.route-grid a[b-sp4sckw9ac] {
    display: grid;
    min-width: 0;
    border-block-start: 0.3rem solid var(--not-found-cyan);
    background: #eef6f8;
    padding: 1rem;
    color: var(--not-found-navy);
    text-decoration: none;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

.route-grid a:hover[b-sp4sckw9ac] {
    background: var(--not-found-navy);
    color: #fff;
    transform: translateY(-0.15rem);
}

.route-grid span[b-sp4sckw9ac] {
    color: var(--not-found-cyan-dark);
    font-size: 0.62rem;
    font-weight: 900;
}

.route-grid strong[b-sp4sckw9ac] {
    margin-top: 0.45rem;
    font-size: 0.9rem;
}

.route-grid small[b-sp4sckw9ac] {
    margin-top: 0.18rem;
    color: var(--not-found-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.route-grid a:hover span[b-sp4sckw9ac],
.route-grid a:hover small[b-sp4sckw9ac] {
    color: #b9d4dd;
}

@media (max-width: 48rem) {
    .not-found-grid[b-sp4sckw9ac] {
        grid-template-columns: 1fr;
    }

    .error-code-panel[b-sp4sckw9ac] {
        min-height: 13rem;
    }

    .error-code-panel > strong[b-sp4sckw9ac] {
        font-size: clamp(4.5rem, 24vw, 7rem);
    }

    .route-grid[b-sp4sckw9ac] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 25rem) {
    .not-found-actions[b-sp4sckw9ac],
    .primary-action[b-sp4sckw9ac],
    .secondary-action[b-sp4sckw9ac] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-sp4sckw9ac],
    .secondary-action[b-sp4sckw9ac],
    .route-grid a[b-sp4sckw9ac] {
        transition: none;
    }

    .route-grid a:hover[b-sp4sckw9ac] {
        transform: none;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-container[b-sbshicfili] {
    width: min(calc(100% - 2rem), 73.75rem);
    margin-inline: auto;
}

.privacy-hero[b-sbshicfili] {
    border-block-end: 1px solid #cbdde1;
    background:
        linear-gradient(140deg, rgba(0, 180, 216, 0.15), transparent 50%),
        #f8fbfc;
}

.privacy-hero-grid[b-sbshicfili] {
    display: grid;
    gap: 2rem;
    align-items: end;
    padding-block: clamp(3rem, 8vw, 5.5rem);
}

.privacy-eyebrow[b-sbshicfili] {
    margin: 0 0 0.8rem;
    color: #007d98;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.privacy-hero h1[b-sbshicfili] {
    max-width: 50rem;
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2.6rem, 10vw, 5rem);
    font-weight: 850;
    letter-spacing: -0.05em;
    line-height: 0.98;
}

.privacy-lead[b-sbshicfili] {
    max-width: 49rem;
    margin: 1.25rem 0 0;
    color: #4d666e;
    font-size: clamp(1rem, 3vw, 1.16rem);
    line-height: 1.78;
}

.policy-meta[b-sbshicfili] {
    display: grid;
    gap: 0.65rem;
    margin: 1.5rem 0 0;
}

.policy-meta > div[b-sbshicfili] {
    min-width: 0;
    border-inline-start: 0.25rem solid #00afd0;
    background: #fff;
    padding: 0.65rem 0.8rem;
}

.policy-meta dt[b-sbshicfili] {
    color: #60777e;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.policy-meta dd[b-sbshicfili] {
    margin: 0.18rem 0 0;
    color: #0a2a33;
    font-size: 0.75rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.policy-meta code[b-sbshicfili] {
    color: inherit;
    font-size: inherit;
    unicode-bidi: isolate;
}

.privacy-summary[b-sbshicfili] {
    border-block-start: 0.4rem solid #00afd0;
    background: #063548;
    color: #fff;
    box-shadow: 0.55rem 0.55rem 0 #c7dce1;
}

.privacy-summary > span[b-sbshicfili] {
    display: block;
    padding: 1rem 1.15rem 0.75rem;
    color: #77d8e9;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.privacy-summary ul[b-sbshicfili] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.privacy-summary li[b-sbshicfili] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.5rem;
    border-block-start: 1px solid rgba(255, 255, 255, 0.14);
    padding: 0.7rem 1.15rem;
    color: #e3f0f3;
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.4;
}

.privacy-summary li span[b-sbshicfili] {
    display: grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: #00afd0;
    color: #063548;
    font-size: 0.62rem;
    font-weight: 900;
}

.privacy-content[b-sbshicfili] {
    padding-block: clamp(3.5rem, 8vw, 6rem);
}

.policy-layout[b-sbshicfili] {
    display: grid;
    gap: 2.5rem;
    align-items: start;
}

.policy-index[b-sbshicfili] {
    display: grid;
    border-block-start: 0.3rem solid #00afd0;
    background: #edf2f4;
    padding: 1rem;
}

.policy-index > span[b-sbshicfili] {
    padding: 0.45rem 0.65rem;
    color: #60777e;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.policy-index a[b-sbshicfili] {
    display: flex;
    min-height: 2.9rem;
    align-items: center;
    padding: 0.65rem;
    color: #0a2a33;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
}

.policy-index a:hover[b-sbshicfili],
.policy-index a:focus-visible[b-sbshicfili] {
    background: #fff;
    color: #00748d;
}

.policy-index a:focus-visible[b-sbshicfili],
.contact-section a:focus-visible[b-sbshicfili] {
    outline: 3px solid rgba(0, 175, 208, 0.35);
    outline-offset: 2px;
}

.policy-sections[b-sbshicfili] {
    display: grid;
    gap: clamp(3rem, 7vw, 4.5rem);
    min-width: 0;
}

.policy-section[b-sbshicfili] {
    min-width: 0;
    scroll-margin-top: 6rem;
}

.policy-section > header[b-sbshicfili] {
    display: flex;
    align-items: baseline;
    gap: 0.9rem;
    border-block-end: 1px solid #b9cdd2;
    padding-block-end: 0.8rem;
}

.policy-section > header > span[b-sbshicfili] {
    color: #00839f;
    font-size: 0.68rem;
    font-weight: 900;
}

.policy-section h2[b-sbshicfili] {
    margin: 0;
    color: #0a2a33;
    font-size: clamp(1.55rem, 4vw, 2.2rem);
    font-weight: 850;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.policy-section > p[b-sbshicfili] {
    margin: 1rem 0 0;
    color: #4f6870;
    font-size: 0.9rem;
    line-height: 1.82;
}

.data-item[b-sbshicfili] {
    border-inline-start: 0.28rem solid #00afd0;
    background: #f3f8f9;
    padding: 1.15rem;
}

.data-item + .data-item[b-sbshicfili] {
    margin-top: 0.75rem;
}

.data-item:first-of-type[b-sbshicfili] {
    margin-top: 1rem;
}

.data-item h3[b-sbshicfili] {
    margin: 0;
    color: #0a2a33;
    font-size: 1rem;
    font-weight: 850;
}

.data-item p[b-sbshicfili] {
    margin: 0.45rem 0 0;
    color: #4f6870;
    font-size: 0.82rem;
    line-height: 1.78;
}

.commitment-list[b-sbshicfili] {
    display: grid;
    gap: 0;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.commitment-list li[b-sbshicfili] {
    display: grid;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.5rem;
    border-block-start: 1px solid #c7d7db;
    color: #24454f;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.5;
    grid-template-columns: 2rem minmax(0, 1fr);
}

.commitment-list li:last-child[b-sbshicfili] {
    border-block-end: 1px solid #c7d7db;
}

.commitment-list li span[b-sbshicfili] {
    color: #00839f;
    font-size: 0.62rem;
    font-weight: 900;
}

.contact-section[b-sbshicfili] {
    border-block-start: 0.35rem solid #f39c12;
    background: #fff4dc;
    padding: clamp(1.25rem, 4vw, 2rem);
}

.contact-section > header[b-sbshicfili] {
    border-color: #dfcda6;
}

.contact-section a[b-sbshicfili] {
    color: #006f86;
    font-weight: 850;
    overflow-wrap: anywhere;
}

@media (min-width: 40rem) {
    .policy-meta[b-sbshicfili] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 58rem) {
    .privacy-hero-grid[b-sbshicfili] {
        grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
    }

    .policy-layout[b-sbshicfili] {
        grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr);
    }

    .policy-index[b-sbshicfili] {
        position: sticky;
        inset-block-start: 5.75rem;
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-container[b-ry32z5db9k] {
    width: min(calc(100% - 2rem), 73.75rem);
    margin-inline: auto;
}

.support-hero[b-ry32z5db9k] {
    border-block-end: 1px solid #cbdde1;
    background:
        linear-gradient(140deg, rgba(0, 180, 216, 0.15), transparent 50%),
        #f8fbfc;
}

.support-hero-grid[b-ry32z5db9k] {
    display: grid;
    gap: 2rem;
    align-items: end;
    padding-block: clamp(3rem, 8vw, 5.5rem);
}

.support-eyebrow[b-ry32z5db9k],
.section-heading > span[b-ry32z5db9k],
.prepare-copy > span[b-ry32z5db9k],
.support-contact > .support-container > div:first-child > span[b-ry32z5db9k] {
    display: block;
    margin: 0 0 0.75rem;
    color: #007d98;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.support-hero h1[b-ry32z5db9k] {
    max-width: 50rem;
    margin: 0;
    color: #0a2a33;
    font-size: clamp(2.6rem, 10vw, 5rem);
    font-weight: 850;
    letter-spacing: -0.05em;
    line-height: 0.98;
}

.support-lead[b-ry32z5db9k] {
    max-width: 46rem;
    margin: 1.25rem 0 0;
    color: #4d666e;
    font-size: clamp(1rem, 3vw, 1.2rem);
    line-height: 1.75;
}

.support-actions[b-ry32z5db9k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.6rem;
}

.primary-action[b-ry32z5db9k],
.secondary-action[b-ry32z5db9k],
.contact-primary[b-ry32z5db9k],
.contact-secondary[b-ry32z5db9k] {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border: 2px solid #00afd0;
    border-radius: 0;
    padding: 0.65rem 1rem;
    font-size: 0.8rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.primary-action[b-ry32z5db9k] {
    background: #00afd0;
    color: #063548;
}

.secondary-action[b-ry32z5db9k] {
    border-color: #a9c0c7;
    background: #fff;
    color: #063548;
}

.primary-action:hover[b-ry32z5db9k],
.primary-action:focus-visible[b-ry32z5db9k] {
    border-color: #063548;
    background: #063548;
    color: #fff;
}

.secondary-action:hover[b-ry32z5db9k],
.secondary-action:focus-visible[b-ry32z5db9k] {
    border-color: #008aaa;
    color: #00748d;
}

.product-rail[b-ry32z5db9k] {
    display: grid;
    border-block-start: 0.4rem solid #00afd0;
    background: #063548;
    color: #fff;
    box-shadow: 0.55rem 0.55rem 0 #c7dce1;
}

.rail-label[b-ry32z5db9k] {
    padding: 1rem 1.15rem 0.7rem;
    color: #77d8e9;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.product-rail > div[b-ry32z5db9k] {
    display: grid;
    min-width: 0;
    gap: 0.15rem 0.75rem;
    border-block-start: 1px solid rgba(255, 255, 255, 0.14);
    padding: 0.95rem 1.15rem;
    grid-template-columns: 2rem minmax(0, 1fr);
}

.product-rail > div > span[b-ry32z5db9k] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: #00afd0;
    color: #063548;
    font-size: 0.62rem;
    font-weight: 900;
    grid-row: span 2;
}

.product-rail strong[b-ry32z5db9k] {
    font-size: 0.88rem;
}

.product-rail small[b-ry32z5db9k] {
    color: #b9d4dd;
    font-size: 0.68rem;
    line-height: 1.45;
}

.support-topics[b-ry32z5db9k],
.support-related[b-ry32z5db9k] {
    padding-block: clamp(3.5rem, 8vw, 5.5rem);
}

.section-heading[b-ry32z5db9k] {
    max-width: 47rem;
}

.section-heading h2[b-ry32z5db9k],
.prepare-copy h2[b-ry32z5db9k],
.support-contact h2[b-ry32z5db9k] {
    margin: 0;
    color: #0a2a33;
    font-size: clamp(1.7rem, 5vw, 2.6rem);
    font-weight: 850;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.section-heading p[b-ry32z5db9k],
.prepare-copy > p[b-ry32z5db9k],
.support-contact p[b-ry32z5db9k] {
    margin: 0.7rem 0 0;
    color: #557078;
    font-size: 0.9rem;
    line-height: 1.65;
}

.topic-grid[b-ry32z5db9k] {
    display: grid;
    gap: 0.8rem;
    margin-top: 1.5rem;
}

.topic-grid article[b-ry32z5db9k] {
    border-block-start: 0.32rem solid #00afd0;
    background: #edf2f4;
    padding: 1.2rem;
}

.topic-grid article > span[b-ry32z5db9k],
.related-grid > a > span[b-ry32z5db9k] {
    color: #00839f;
    font-size: 0.65rem;
    font-weight: 900;
}

.topic-grid h3[b-ry32z5db9k] {
    margin: 0.65rem 0 0.4rem;
    color: #0a2a33;
    font-size: 1rem;
    font-weight: 850;
}

.topic-grid p[b-ry32z5db9k] {
    margin: 0;
    color: #557078;
    font-size: 0.76rem;
    line-height: 1.55;
}

.support-prepare[b-ry32z5db9k] {
    background: #063548;
    padding-block: clamp(3.5rem, 8vw, 5rem);
    color: #fff;
}

.prepare-grid[b-ry32z5db9k] {
    display: grid;
    gap: 2rem;
    align-items: center;
}

.prepare-copy > span[b-ry32z5db9k] {
    color: #77d8e9;
}

.prepare-copy h2[b-ry32z5db9k] {
    color: #fff;
}

.prepare-copy > p[b-ry32z5db9k] {
    color: #b9d4dd;
}

.prepare-copy ol[b-ry32z5db9k] {
    display: grid;
    gap: 0;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.prepare-copy li[b-ry32z5db9k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.25rem;
    border-block-start: 1px solid rgba(255, 255, 255, 0.16);
    color: #e3f0f3;
    font-size: 0.8rem;
    font-weight: 750;
}

.prepare-copy li:last-child[b-ry32z5db9k] {
    border-block-end: 1px solid rgba(255, 255, 255, 0.16);
}

.prepare-copy li span[b-ry32z5db9k] {
    flex: 0 0 2rem;
    color: #77d8e9;
    font-size: 0.62rem;
    font-weight: 900;
}

.security-note[b-ry32z5db9k] {
    display: grid;
    gap: 1rem;
    border: 1px solid #0a2a33;
    background: #f39c12;
    padding: clamp(1.25rem, 4vw, 2rem);
    color: #0a2a33;
    box-shadow: 0.55rem 0.55rem 0 #001f2b;
    grid-template-columns: auto minmax(0, 1fr);
}

.security-mark[b-ry32z5db9k] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    background: #0a2a33;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 900;
}

.security-note h2[b-ry32z5db9k] {
    margin: 0;
    color: #0a2a33;
    font-size: 1.25rem;
    font-weight: 900;
}

.security-note p[b-ry32z5db9k] {
    margin: 0.45rem 0 0;
    font-size: 0.8rem;
    line-height: 1.55;
}

.support-contact[b-ry32z5db9k] {
    border-block-end: 1px solid #b7d1d7;
    background: #dff3f7;
    padding-block: clamp(3rem, 7vw, 4.5rem);
}

.contact-grid[b-ry32z5db9k] {
    display: grid;
    gap: 1.5rem;
    align-items: center;
}

.support-contact small[b-ry32z5db9k] {
    display: block;
    margin-top: 0.55rem;
    color: #6b7f86;
    font-size: 0.7rem;
    line-height: 1.45;
}

.contact-actions[b-ry32z5db9k] {
    display: grid;
    gap: 0.65rem;
}

.contact-primary[b-ry32z5db9k] {
    border-color: #063548;
    background: #063548;
    color: #fff;
}

.contact-secondary[b-ry32z5db9k] {
    border-color: #008aaa;
    background: transparent;
    color: #063548;
    overflow-wrap: anywhere;
}

.contact-primary:hover[b-ry32z5db9k],
.contact-primary:focus-visible[b-ry32z5db9k],
.contact-secondary:hover[b-ry32z5db9k],
.contact-secondary:focus-visible[b-ry32z5db9k] {
    border-color: #008aaa;
    background: #008aaa;
    color: #fff;
}

.support-related[b-ry32z5db9k] {
    background: #fff;
}

.related-grid[b-ry32z5db9k] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.related-grid > a[b-ry32z5db9k] {
    display: grid;
    min-width: 0;
    border-block-start: 0.3rem solid #00afd0;
    background: #edf2f4;
    padding: 1.1rem;
    color: #063548;
    text-decoration: none;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

.related-grid strong[b-ry32z5db9k] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

.related-grid small[b-ry32z5db9k] {
    margin-top: 0.25rem;
    color: #557078;
    font-size: 0.72rem;
    line-height: 1.45;
}

.related-grid > a:hover[b-ry32z5db9k] {
    background: #063548;
    color: #fff;
    transform: translateY(-0.15rem);
}

.related-grid > a:hover span[b-ry32z5db9k],
.related-grid > a:hover small[b-ry32z5db9k] {
    color: #b9d4dd;
}

.primary-action:focus-visible[b-ry32z5db9k],
.secondary-action:focus-visible[b-ry32z5db9k],
.contact-primary:focus-visible[b-ry32z5db9k],
.contact-secondary:focus-visible[b-ry32z5db9k],
.related-grid > a:focus-visible[b-ry32z5db9k] {
    outline: 3px solid rgba(0, 175, 208, 0.35);
    outline-offset: 3px;
}

@media (min-width: 44rem) {
    .topic-grid[b-ry32z5db9k],
    .related-grid[b-ry32z5db9k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-grid[b-ry32z5db9k] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.55fr);
    }
}

@media (min-width: 58rem) {
    .support-hero-grid[b-ry32z5db9k] {
        grid-template-columns: minmax(0, 1.3fr) minmax(18rem, 0.7fr);
    }

    .prepare-grid[b-ry32z5db9k] {
        grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
    }
}

@media (min-width: 70rem) {
    .topic-grid[b-ry32z5db9k] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 25rem) {
    .support-actions[b-ry32z5db9k],
    .primary-action[b-ry32z5db9k],
    .secondary-action[b-ry32z5db9k] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-ry32z5db9k],
    .secondary-action[b-ry32z5db9k],
    .contact-primary[b-ry32z5db9k],
    .contact-secondary[b-ry32z5db9k],
    .related-grid > a[b-ry32z5db9k] {
        transition: none;
    }

    .related-grid > a:hover[b-ry32z5db9k] {
        transform: none;
    }
}