/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-739djkm78g] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss[b-739djkm78g] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

.kelimen-go-layout[b-739djkm78g], .main-canvas-wrapper[b-739djkm78g], .desktop-sidebar[b-739djkm78g] { height: 100vh; height: 100dvh; }
.kelimen-go-layout[b-739djkm78g] { width: 100%; min-width: 0; }
.main-canvas-wrapper[b-739djkm78g], .page-scroll-content[b-739djkm78g], .page-inner-container[b-739djkm78g], .topbar-search-area[b-739djkm78g] { min-width: 0; }
.desktop-sidebar[b-739djkm78g] { padding-top: max(16px, env(safe-area-inset-top)); padding-bottom: max(16px, env(safe-area-inset-bottom)); overflow-y: auto; }
.sidebar-brand[b-739djkm78g] { padding: 12px 0 18px; margin-bottom: 6px; border-bottom: 1px solid #dfe6ec; }
.sidebar-brand-logo[b-739djkm78g] { display: block; width: 150px; max-width: 100%; height: auto; margin: 0 auto 22px; }
.sidebar-brand-link[b-739djkm78g] { display: block; border-radius: 12px; }
.sidebar-brand-link:focus-visible[b-739djkm78g] { outline: 3px solid #006a61; outline-offset: 4px; }
.sidebar-study-focus[b-739djkm78g] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 23px 17px 17px;
    border: 1px solid #263e54;
    border-radius: 22px 22px 22px 6px;
    background: radial-gradient(ellipse at 110% 0%, #12666b66, transparent 65%), linear-gradient(150deg, #15283f, #0b1729 75%);
    box-shadow: 0 12px 24px -16px #0b172966;
    text-align: left;
}
.sidebar-study-focus[b-739djkm78g]::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 130px;
    height: 130px;
    top: -76px;
    right: -42px;
    border: 1px solid #76e4d433;
    border-radius: 50%;
    box-shadow: 0 0 0 22px #76e4d408, 0 0 0 44px #76e4d406;
    pointer-events: none;
}
.study-focus-eyebrow[b-739djkm78g] { display: flex; align-items: center; gap: 6px; margin: 0 0 15px; font-size: 9px; font-weight: 700; letter-spacing: .08em; color: #b7cbdc; }
.study-focus-eyebrow span[b-739djkm78g] { color: #7be2d4; font-size: 17px; line-height: 1; }
.sidebar-study-focus h2[b-739djkm78g] { margin: 0; font-size: 21px; font-weight: 800; line-height: 1.28; letter-spacing: -.035em; color: #fff; }
.sidebar-study-focus h2 span[b-739djkm78g] { color: #7be2d4; }
.study-focus-description[b-739djkm78g] { margin: 12px 0 20px; font-size: 11px; line-height: 1.65; color: #c0cedd; }
.study-focus-coverage[b-739djkm78g] { display: grid; gap: 13px; margin: 0; padding-top: 16px; border-top: 1px solid #c0cedd26; }
.study-focus-coverage > div[b-739djkm78g] { display: grid; grid-template-columns: 57px minmax(0, 1fr); gap: 6px; align-items: baseline; }
.study-focus-coverage dt[b-739djkm78g] { margin: 0; color: #f1f5f9; font-size: 12px; font-weight: 800; line-height: 1.5; letter-spacing: .025em; }
.study-focus-coverage dd[b-739djkm78g] { margin: 0; min-width: 0; color: #c0cedd; font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.study-focus-coverage dd:has(.focus-health)[b-739djkm78g] { display: flex; flex-wrap: wrap; gap: 3px 8px; }
.focus-health[b-739djkm78g] { color: #7be2d4; }
.focus-social[b-739djkm78g] { color: #ffc08b; }
.focus-science[b-739djkm78g] { color: #c5b5ff; }
.study-focus-signature[b-739djkm78g] { margin: 18px 0 0; padding-left: 9px; border-left: 2px solid #65d9ca; color: #dbe7f0; font-size: 10px; line-height: 1.6; }
.desktop-topbar[b-739djkm78g] { padding-top: max(14px, env(safe-area-inset-top)); flex-shrink: 0; }
.mobile-menu-toggle[b-739djkm78g], .mobile-topbar-brand[b-739djkm78g], .mobile-profile-link[b-739djkm78g] { display: none; }
.mobile-nav-dialog:not([open])[b-739djkm78g] { display: none; }
.mobile-nav-dialog[b-739djkm78g] {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(340px, calc(100vw - 32px));
    max-width: none;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0 24px 24px 0;
    background: #fff;
    color: #0f172a;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: 12px 0 48px #09142633;
}
.mobile-nav-dialog[open][b-739djkm78g] { display: flex; flex-direction: column; gap: 20px; }
.mobile-nav-dialog[b-739djkm78g]::backdrop { background: #09142699; }
.mobile-nav-heading[b-739djkm78g] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.mobile-nav-brand[b-739djkm78g] { font-size: 1.4rem; font-weight: 800; color: #006a61; }
.mobile-nav-heading h2[b-739djkm78g] { margin: 4px 0 0; font-size: .8rem; font-weight: 500; color: #64748b; }
.member-menu-button[b-739djkm78g], .mobile-profile-link[b-739djkm78g] {
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    cursor: pointer;
    text-decoration: none;
    touch-action: manipulation;
}
.member-menu-button[b-739djkm78g] { display: inline-flex; }
.mobile-menu-toggle[b-739djkm78g] { display: none; }
.member-menu-button:focus-visible[b-739djkm78g], .mobile-profile-link:focus-visible[b-739djkm78g], .mobile-nav-logout:focus-visible[b-739djkm78g] {
    outline: 3px solid #006a61;
    outline-offset: 2px;
}
.mobile-nav-account[b-739djkm78g] { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; background: #f1f5f9; font-size: .9rem; overflow-wrap: anywhere; }
.mobile-nav-account > span:last-child[b-739djkm78g] { min-width: 0; }
.mobile-nav-logout[b-739djkm78g] { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; flex-shrink: 0; border: 1px solid #fecaca; border-radius: 12px; background: #fff7f7; color: #b91c1c; font: inherit; font-weight: 600; cursor: pointer; }
.kelimen-go-layout:has(.mobile-nav-dialog[open]) .page-scroll-content[b-739djkm78g] { overflow: hidden; }

@media (max-width: 1024px) {
    .kelimen-go-layout[b-739djkm78g] { width: 100%; }
    .desktop-sidebar[b-739djkm78g] { display: none; }
    .main-canvas-wrapper[b-739djkm78g] { margin-left: 0; width: 100%; }
    .desktop-topbar[b-739djkm78g] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        align-items: center;
        gap: 10px;
        padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));
        background: #fff;
    }
    .mobile-menu-toggle[b-739djkm78g], .mobile-profile-link[b-739djkm78g] { display: inline-flex; }
    .mobile-topbar-brand[b-739djkm78g] { display: block; color: #006a61; font-weight: 800; font-size: 1.3rem; text-decoration: none; text-align: center; }
    .topbar-search-area[b-739djkm78g] { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; }
    .topbar-actions[b-739djkm78g] { display: none; }
    .page-inner-container[b-739djkm78g] { padding: 0; min-height: 0; }
    .page-scroll-content[b-739djkm78g] { padding: 20px max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); overscroll-behavior-y: contain; }
}

@media (max-width: 600px) {
    .page-scroll-content[b-739djkm78g]  .kelime-liste-content-wrap > div:first-child { margin-top: 0 !important; }
    .page-scroll-content[b-739djkm78g]  .kelime-liste-content-wrap > div:first-child > .mud-card { border-radius: 18px !important; }
    .page-scroll-content[b-739djkm78g]  .kelime-liste-content-wrap > div:first-child > .mud-card .mud-card-content { gap: 12px !important; }
    .page-scroll-content[b-739djkm78g]  .kelime-liste-content-wrap > div:first-child > .mud-card .mud-button-root { width: 100%; min-height: 46px; }
}

@media (max-height: 500px) {
    .mobile-nav-dialog[open][b-739djkm78g] { gap: 10px; }
    .mobile-nav-account[b-739djkm78g] { padding: 8px; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mzcemie4t6],
.components-reconnect-repeated-attempt-visible[b-mzcemie4t6],
.components-reconnect-failed-visible[b-mzcemie4t6],
.components-pause-visible[b-mzcemie4t6],
.components-resume-failed-visible[b-mzcemie4t6],
.components-rejoining-animation[b-mzcemie4t6] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-mzcemie4t6 {
    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/UygulamaKurulum.razor.rz.scp.css */
.install-page[b-vtjos82tg2] { min-height: 100dvh; background: #f7f9fb; color: #152539; font-family: system-ui, sans-serif; padding: env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px, env(safe-area-inset-left)); }
.install-nav[b-vtjos82tg2] { max-width: 1120px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 0; flex-wrap: wrap; }
a[b-vtjos82tg2] { color: #006a61; text-underline-offset: 4px; }
.install-brand[b-vtjos82tg2] { font-size: 1.5rem; font-weight: 850; text-decoration: none; color: #091426; }
.install-brand span[b-vtjos82tg2] { color: #006a61; }
.install-nav div[b-vtjos82tg2] { display: flex; gap: 12px; font-size: .9rem; flex-wrap: wrap; }
main[b-vtjos82tg2] { max-width: 1120px; margin: auto; }
.install-hero[b-vtjos82tg2] { max-width: 780px; margin: 32px auto 48px; text-align: center; }
.install-hero img[b-vtjos82tg2] { border-radius: 22px; display: block; margin: 0 auto 24px; }
.eyebrow[b-vtjos82tg2], .device-label[b-vtjos82tg2] { font-size: .75rem; color: #006a61; letter-spacing: .08em; font-weight: 800; }
h1[b-vtjos82tg2] { font-size: clamp(2rem, 5vw, 3.1rem); line-height: 1.15; margin: 14px 0 20px; }
p[b-vtjos82tg2], li[b-vtjos82tg2] { line-height: 1.75; color: #526477; }
.install-state[b-vtjos82tg2] { margin: 24px auto 0; padding: 20px; background: #e7f5f1; border-radius: 16px; }
.install-state p[b-vtjos82tg2] { margin: 0; color: #165b52; }
button[b-vtjos82tg2], .start-link[b-vtjos82tg2] { background: #006a61; color: white; border: 0; border-radius: 12px; padding: 14px 22px; font: inherit; font-weight: 700; cursor: pointer; }
.start-link[b-vtjos82tg2], .login-link[b-vtjos82tg2] { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; text-decoration: none; transition: background-color .15s, box-shadow .15s; }
.start-link[b-vtjos82tg2] { box-shadow: 0 6px 16px #006a6126; }
.start-link:hover[b-vtjos82tg2] { background: #004d46; box-shadow: 0 8px 20px #006a6133; }
.login-link[b-vtjos82tg2] { background: white; color: #006a61; border: 2px solid #006a61; border-radius: 12px; padding: 12px 22px; font-weight: 700; }
.login-link:hover[b-vtjos82tg2] { background: #e7f5f1; }
a:focus-visible[b-vtjos82tg2], button:focus-visible[b-vtjos82tg2] { outline: 3px solid #0d9488; outline-offset: 4px; }
.hero-actions[b-vtjos82tg2] { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.hero-actions a[b-vtjos82tg2] { min-width: 210px; }
.action-hint[b-vtjos82tg2] { font-size: .85rem; margin-top: 14px; }
.remove-link[b-vtjos82tg2] { display: inline-block; margin-top: 22px; padding: 12px 16px; font-size: .9rem; color: #526477; background: white; border: 1px solid #cbd5e1; border-radius: 10px; text-decoration: none; }
.remove-link:hover[b-vtjos82tg2] { background: #eef2f6; color: #152539; }
button[b-vtjos82tg2] { margin-top: 18px; }
button[hidden][b-vtjos82tg2] { display: none; }
button:disabled[b-vtjos82tg2] { opacity: .6; cursor: wait; }
.device-grid[b-vtjos82tg2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
article[b-vtjos82tg2] { background: white; border: 1px solid #dbe5ed; padding: 26px; border-radius: 20px; }
article[id][b-vtjos82tg2] { scroll-margin-top: 20px; }
article[id]:focus[b-vtjos82tg2] { outline: 3px solid #008577; outline-offset: 4px; }
h2[b-vtjos82tg2] { font-size: 1.25rem; margin: 12px 0 20px; }
ol[b-vtjos82tg2] { padding-left: 22px; }
li[b-vtjos82tg2] { padding-left: 4px; margin-bottom: 14px; font-size: .95rem; }
.hint[b-vtjos82tg2] { font-size: .85rem; padding-top: 16px; border-top: 1px solid #e2e8f0; }
.install-faq[b-vtjos82tg2] { max-width: 820px; margin: 56px auto; }
details[b-vtjos82tg2] { background: white; padding: 20px; border: 1px solid #dbe5ed; border-radius: 12px; margin-bottom: 12px; }
summary[b-vtjos82tg2] { font-weight: 700; cursor: pointer; line-height: 1.6; }
details p[b-vtjos82tg2] { margin-bottom: 0; }
.guide-sources[b-vtjos82tg2] { font-size: .8rem; }
.remove-section[b-vtjos82tg2] { margin: 0 auto 48px; padding: 28px; background: #eef2f6; border: 1px solid #dbe5ed; border-radius: 20px; scroll-margin-top: 24px; }
.remove-grid[b-vtjos82tg2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.remove-grid h3[b-vtjos82tg2] { font-size: 1.05rem; margin-top: 0; }
.remove-note[b-vtjos82tg2] { background: white; border-left: 4px solid #006a61; border-radius: 8px; padding: 16px; font-size: .9rem; }
footer[b-vtjos82tg2] { display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; padding-bottom: 48px; }
.start-link[b-vtjos82tg2] { text-decoration: none; }
@media (max-width: 900px) { .device-grid[b-vtjos82tg2] { grid-template-columns: 1fr; } .install-hero[b-vtjos82tg2] { margin-top: 20px; } }
@media (max-width: 600px) { .nav-actions[b-vtjos82tg2] { width: 100%; } .nav-actions a[b-vtjos82tg2] { flex: 1; padding: 12px; } .hero-actions a[b-vtjos82tg2] { width: 100%; } .remove-grid[b-vtjos82tg2] { grid-template-columns: 1fr; } .remove-section[b-vtjos82tg2] { padding: 18px; } .remove-grid article[b-vtjos82tg2] { padding: 18px; } }
@media (prefers-reduced-motion: reduce) { *[b-vtjos82tg2] { scroll-behavior: auto; } }
/* /Components/Shared/ApplicationGalleryDialog.razor.rz.scp.css */
.app-gallery[b-58bcabcm1u] { outline: none; color: #0f172a; }
.app-gallery-heading[b-58bcabcm1u] { margin-bottom: 16px; }
.app-gallery-count[b-58bcabcm1u] { color: #006a61; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.app-gallery-heading h2[b-58bcabcm1u] { font-size: 1.35rem; margin: 6px 0; }
.app-gallery-heading p[b-58bcabcm1u] { margin: 0; color: #64748b; font-size: .9rem; line-height: 1.5; }
.app-gallery-stage[b-58bcabcm1u] { background: #edf2f7; border: 1px solid #e2e8f0; border-radius: 14px; padding: 12px; display: flex; justify-content: center; align-items: center; }
.app-gallery-stage img[b-58bcabcm1u] { display: block; width: auto; height: auto; max-width: 100%; max-height: min(56vh, calc(90dvh - 360px)); object-fit: contain; border-radius: 8px; }
.app-gallery-controls[b-58bcabcm1u] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0; }
.app-gallery-controls button[b-58bcabcm1u] { border: 1px solid #d5e2e8; border-radius: 10px; background: #fff; color: #006a61; padding: 10px 16px; font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; }
.app-gallery-controls button:hover[b-58bcabcm1u] { background: #e6f7f3; border-color: #0d9488; }
.app-gallery-controls span[b-58bcabcm1u] { font-size: .8rem; color: #64748b; }
.app-gallery-thumbs[b-58bcabcm1u] { display: flex; gap: 10px; padding: 4px 2px 8px; overflow-x: auto; }
.app-gallery-thumbs button[b-58bcabcm1u] { flex: 0 0 88px; height: 66px; padding: 4px; border: 2px solid #e2e8f0; border-radius: 10px; background: #f8fafc; cursor: pointer; }
.app-gallery-thumbs button.selected[b-58bcabcm1u] { border-color: #0d9488; background: #ccfbf1; }
.app-gallery-thumbs img[b-58bcabcm1u] { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 4px; }
button:focus-visible[b-58bcabcm1u] { outline: 3px solid #0d9488; outline-offset: 3px; }
@media (max-width: 600px) {
    .app-gallery-heading h2[b-58bcabcm1u] { font-size: 1.1rem; }
    .app-gallery-stage[b-58bcabcm1u] { padding: 4px; }
    .app-gallery-stage img[b-58bcabcm1u] { max-height: min(50vh, max(160px, calc(90dvh - 370px))); }
    .app-gallery-controls span[b-58bcabcm1u] { display: none; }
    .app-gallery-thumbs button[b-58bcabcm1u] { flex-basis: 70px; height: 54px; }
}
/* /Components/Shared/MemberNavigationLinks.razor.rz.scp.css */
.member-navigation[b-f014qtqoi4] { display: flex; flex-direction: column; gap: 8px; min-height: 0; flex: 1; padding-top: 6px; }
.member-navigation[b-f014qtqoi4]  .sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 15px;
    color: #475569;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: normal;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
.member-navigation[b-f014qtqoi4]  .sidebar-link.active { background: linear-gradient(110deg, #d9f1ec, #edf8f5); border-color: #bce2d9; color: #005e56; font-weight: 700; }
.member-navigation[b-f014qtqoi4]  .sidebar-link:hover { background: #edf3f6; border-color: #dce5eb; }
.member-navigation[b-f014qtqoi4]  .sidebar-link.active:hover { background: #d9f1ec; border-color: #bce2d9; }
.member-navigation[b-f014qtqoi4]  .sidebar-link:focus-visible { outline: 3px solid #006a61; outline-offset: -3px; }
.member-navigation[b-f014qtqoi4]  .member-navigation-install { margin-top: auto; }
.member-navigation .material-symbols-outlined[b-f014qtqoi4] { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: #e8eef3; color: #52667d; font-size: 22px; flex-shrink: 0; }
.member-navigation[b-f014qtqoi4]  .sidebar-link.active .material-symbols-outlined { background: #007d70; color: #fff; box-shadow: 0 3px 8px #007d7026; }
@media (prefers-reduced-motion: reduce) {
    .member-navigation[b-f014qtqoi4]  .sidebar-link { transition: none; }
}
/* /Components/Shared/MembershipSummary.razor.rz.scp.css */
.membership-summary[b-cwayi14qwh] { background: #fff; border: 1px solid #dbe5ed; border-radius: 18px; padding: 24px; color: #152539; text-align: left; }
.membership-heading[b-cwayi14qwh] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.membership-eyebrow[b-cwayi14qwh] { color: #0f766e; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.membership-heading h3[b-cwayi14qwh] { margin: 5px 0 0; font-size: 1.15rem; }
.membership-status[b-cwayi14qwh] { border-radius: 24px; padding: 7px 12px; font-size: .8rem; font-weight: 700; }
.membership-status.active[b-cwayi14qwh] { color: #065f46; background: #d1fae5; }
.membership-status.ended[b-cwayi14qwh] { color: #92400e; background: #fef3c7; }
.membership-stats[b-cwayi14qwh] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 22px 0 0; }
.membership-stats > div[b-cwayi14qwh] { border-radius: 12px; padding: 16px; background: #f3f7fa; }
.membership-stats dt[b-cwayi14qwh] { color: #526477; font-size: .8rem; margin-bottom: 8px; }
.membership-stats dd[b-cwayi14qwh] { margin: 0; font-size: 1.6rem; font-weight: 800; }
.membership-stats dd small[b-cwayi14qwh] { font-size: .85rem; font-weight: 500; }
.membership-stats dd.date[b-cwayi14qwh] { font-size: .95rem; line-height: 1.6; }
.membership-notice[b-cwayi14qwh] { margin-top: 18px; padding: 16px; border-radius: 12px; background: #fff8eb; color: #854d0e; }
.membership-notice p[b-cwayi14qwh] { margin: 6px 0 0; line-height: 1.65; font-size: .9rem; }
.membership-footnote[b-cwayi14qwh] { color: #526477; margin: 16px 0 0; font-size: .8rem; line-height: 1.6; }
@media (max-width: 640px) { .membership-summary[b-cwayi14qwh] { padding: 18px; } .membership-stats[b-cwayi14qwh] { grid-template-columns: 1fr; } }