/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-0ljcjf4jbm] {
    min-height: 100vh;
    background: #f6f7f4;
    color: #26352c;
}

.admin-header[b-0ljcjf4jbm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    padding: 0.9rem clamp(1.25rem, 4vw, 3.5rem);
    border-bottom: 1px solid #e2e6df;
    background: #fff;
}

.admin-brand[b-0ljcjf4jbm] {
    display: inline-flex;
    gap: 0.8rem;
    align-items: center;
    color: #263d30;
    text-decoration: none;
}

.admin-brand__mark[b-0ljcjf4jbm] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: #2f4a3a;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.35rem;
}

.admin-brand strong[b-0ljcjf4jbm],
.admin-brand small[b-0ljcjf4jbm] { display: block; line-height: 1.2; }
.admin-brand strong[b-0ljcjf4jbm] { font-family: var(--font-heading); font-size: 1.1rem; letter-spacing: 0.04em; }
.admin-brand small[b-0ljcjf4jbm] { margin-top: 0.18rem; color: #7a817c; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; }

.admin-menu[b-0ljcjf4jbm] { display:flex; margin-left:auto; align-items:center; }
.admin-account[b-0ljcjf4jbm] { display: flex; gap: 1rem; align-items: center; color: #657068; font-size: 0.88rem; }
.admin-nav[b-0ljcjf4jbm] { display: flex; gap: 0.35rem; margin-right: 1.5rem; }
.admin-nav[b-0ljcjf4jbm]  a { padding: 0.55rem 0.75rem; border-radius: 6px; color: #68736b; font-size: 0.82rem; font-weight: 650; text-decoration: none; }
.admin-nav[b-0ljcjf4jbm]  a:hover, .admin-nav[b-0ljcjf4jbm]  a.active { background: #f0f3ef; color: #2f4a3a; }
.admin-account form[b-0ljcjf4jbm] { margin: 0; }
.admin-account button[b-0ljcjf4jbm] {
    padding: 0.55rem 0.9rem;
    border: 1px solid #d8ddd7;
    border-radius: 7px;
    background: #fff;
    color: #2f4a3a;
    font-weight: 600;
}
.admin-account button:hover[b-0ljcjf4jbm] { border-color: #b08a3e; color: #8a682d; }

.admin-menu-button[b-0ljcjf4jbm] { position:relative; z-index:1302; display:none; width:42px; height:42px; padding:8px; border:1px solid transparent; border-radius:6px; background:transparent; cursor:pointer; }
.admin-menu-button span[b-0ljcjf4jbm] { display:block; width:23px; height:1.5px; margin:5px auto; background:#2f4a3a; transform-origin:center; transition:transform 160ms ease,opacity 160ms ease; }
.admin-menu-button:hover[b-0ljcjf4jbm],.admin-menu-button:focus-visible[b-0ljcjf4jbm] { border-color:#d8ddd7; background:#f6f7f4; outline:none; }
.admin-menu-button.is-open span:first-child[b-0ljcjf4jbm] { transform:translateY(6.5px) rotate(45deg); }
.admin-menu-button.is-open span:nth-child(2)[b-0ljcjf4jbm] { opacity:0; }
.admin-menu-button.is-open span:last-child[b-0ljcjf4jbm] { transform:translateY(-6.5px) rotate(-45deg); }

.admin-main[b-0ljcjf4jbm] { width: min(100%, 1180px); margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3.5rem); }

@media (max-width: 850px) {
    .admin-header[b-0ljcjf4jbm] { min-height:72px; }
    .admin-brand[b-0ljcjf4jbm] { position:relative; z-index:1302; }
    .admin-menu-button[b-0ljcjf4jbm] { display:block; margin-left:auto; }
    .admin-menu[b-0ljcjf4jbm] { display:none; }
    .admin-menu.is-open[b-0ljcjf4jbm] { position:fixed; inset:0; z-index:1300; display:flex; min-height:100vh; min-height:100dvh; padding:6.5rem 1.5rem 2rem; overflow-y:auto; flex-direction:column; align-items:center; justify-content:flex-start; background:radial-gradient(circle at 12% 4%,rgba(176,138,62,.14),transparent 34%),linear-gradient(155deg,#fff 0%,#f4f5f1 100%); animation:admin-menu-reveal-b-0ljcjf4jbm 200ms ease-out both; }
    .admin-menu.is-open[b-0ljcjf4jbm]::before { width:3.5rem; height:2px; margin-bottom:1.25rem; flex:0 0 2px; background:#b08a3e; content:""; }
    .admin-nav[b-0ljcjf4jbm] { width:min(100%,26rem); margin:0; flex-direction:column; gap:.65rem; }
    .admin-nav[b-0ljcjf4jbm]  a { display:flex; width:100%; min-height:3.35rem; padding:.85rem 1rem; align-items:center; justify-content:center; border:1px solid transparent; border-radius:999px; font-size:.9rem; letter-spacing:.055em; }
    .admin-nav[b-0ljcjf4jbm]  a:hover { border-color:#d8ddd7; background:#fff; }
    .admin-nav[b-0ljcjf4jbm]  a.active { border-color:rgba(176,138,62,.35); background:#f7eedc; color:#805f24; box-shadow:0 8px 24px rgba(39,57,46,.06); }
    .admin-account[b-0ljcjf4jbm] { width:min(100%,26rem); margin-top:1.35rem; padding-top:1.35rem; border-top:1px solid #dde2dc; flex-direction:column; gap:.75rem; text-align:center; }
    .admin-account > span[b-0ljcjf4jbm] { display:block; overflow-wrap:anywhere; color:#526359; font-size:.78rem; }
    .admin-account form[b-0ljcjf4jbm],.admin-account button[b-0ljcjf4jbm] { width:100%; }
    .admin-account button[b-0ljcjf4jbm] { min-height:44px; background:#fff; }
}

@keyframes admin-menu-reveal-b-0ljcjf4jbm { from { opacity:0; transform:translateY(-.4rem); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .admin-menu.is-open[b-0ljcjf4jbm] { animation:none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-h9dnzba9fn], .page main[b-h9dnzba9fn] { min-height: 100vh; }

.header-inner[b-h9dnzba9fn] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: 94px;
}

.header-inner[b-h9dnzba9fn]::after {
    position: absolute;
    right: var(--page-gutter);
    bottom: 0;
    left: var(--page-gutter);
    height: 1px;
    background: linear-gradient(90deg, rgba(176, 138, 62, 0.75), rgba(232, 230, 223, 0.7) 38%, rgba(232, 230, 223, 0));
    content: "";
}

.site-logo[b-h9dnzba9fn] {
    z-index: 1;
    grid-column: 1;
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    text-decoration: none;
}

.site-logo__image[b-h9dnzba9fn] {
    display: block;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 50%;
    object-fit: cover;
}

.site-logo__text[b-h9dnzba9fn] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}

.site-logo__name[b-h9dnzba9fn] {
    color: var(--color-green);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.3rem, 2.4vw, 1.85rem);
    font-style: italic;
    letter-spacing: -0.025em;
    line-height: 1.05;
}

.site-logo__name-arabic[b-h9dnzba9fn] {
    margin-top: 0.18rem;
    color: var(--color-gold);
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.15;
}

.nav-slot[b-h9dnzba9fn] {
    grid-column: 2;
    align-self: stretch;
    justify-self: end;
    display: flex;
    align-items: center;
}

.site-content[b-h9dnzba9fn] { display: block; min-height: calc(100vh - 306px); }

.footer-inner[b-h9dnzba9fn] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2.5rem;
    align-items: center;
    padding-block: clamp(3rem, 6vw, 4.5rem);
}

.footer-brand[b-h9dnzba9fn] { display: flex; flex-direction: column; gap: 0.25rem; }

.footer-kicker[b-h9dnzba9fn] {
    color: var(--color-gold);
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.footer-name[b-h9dnzba9fn] {
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 3vw, 2.4rem);
    letter-spacing: 0.02em;
}

.footer-name small[b-h9dnzba9fn] { color: var(--color-gold); font-size: 0.55em; font-weight: 400; }

.footer-social[b-h9dnzba9fn] { display: flex; gap: 1.35rem; align-items: center; color: var(--color-gold); font-size: 1.15rem; }

.footer-bottom[b-h9dnzba9fn] {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.footer-note[b-h9dnzba9fn] {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 0.86rem;
    letter-spacing: 0.025em;
}

.developer-credit[b-h9dnzba9fn] {
    display: inline-flex;
    min-height: 38px;
    padding: 0.5rem 0.8rem;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(176, 138, 62, 0.48);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.82);
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.055em;
    cursor: pointer;
}

.developer-credit span[b-h9dnzba9fn] { color: var(--color-gold); font-family: Consolas, monospace; font-size: 0.78rem; }
.developer-credit:hover[b-h9dnzba9fn], .developer-credit:focus-visible[b-h9dnzba9fn] { border-color: var(--color-gold); background: rgba(176, 138, 62, 0.12); color: var(--color-white); outline: none; }

.developer-popup-backdrop[b-h9dnzba9fn] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    padding: 1.25rem;
    place-items: center;
    background: rgba(19, 31, 24, 0.64);
    backdrop-filter: blur(5px);
    animation: developer-backdrop-in-b-h9dnzba9fn 180ms ease both;
}

.developer-popup[b-h9dnzba9fn] {
    position: relative;
    width: min(100%, 390px);
    padding: 2.25rem 2rem 2rem;
    overflow: hidden;
    border: 1px solid rgba(176, 138, 62, 0.4);
    border-radius: 16px;
    background: linear-gradient(155deg, #fff 0%, #f7f4ec 100%);
    box-shadow: 0 28px 80px rgba(15, 29, 20, 0.34);
    text-align: center;
    animation: developer-popup-in-b-h9dnzba9fn 220ms ease-out both;
}

.developer-popup[b-h9dnzba9fn]::before {
    position: absolute;
    top: -85px;
    right: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(176, 138, 62, 0.1);
    content: "";
}

.developer-popup__close[b-h9dnzba9fn] {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 1;
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    color: var(--color-green);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.developer-popup__close:hover[b-h9dnzba9fn] { border-color: var(--color-gold); color: var(--color-gold); }
.developer-popup__kicker[b-h9dnzba9fn] { display: block; color: #8a682d; font-family: var(--font-heading); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.developer-popup__mark[b-h9dnzba9fn] { display: grid; width: 66px; height: 66px; margin: 1.25rem auto 1rem; place-items: center; border-radius: 18px; background: var(--color-green); box-shadow: 0 10px 25px rgba(47, 74, 58, 0.18); color: var(--color-white); font-family: var(--font-heading); font-size: 2rem; }
.developer-popup h2[b-h9dnzba9fn] { margin: 0; color: var(--color-green-deep); font-size: 2rem; }
.developer-popup > p[b-h9dnzba9fn] { margin: 0.65rem auto 1.4rem; color: var(--color-muted); font-size: 0.88rem; line-height: 1.65; }

.developer-popup__email[b-h9dnzba9fn] {
    display: flex;
    padding: 0.8rem 0.9rem;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    background: var(--color-white);
    color: var(--color-green);
    text-align: left;
    text-decoration: none;
}

.developer-popup__email > span:first-child[b-h9dnzba9fn] { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 50%; background: var(--color-gold-soft); color: #8a682d; }
.developer-popup__email > span:last-child[b-h9dnzba9fn] { min-width: 0; font-size: 0.86rem; font-weight: 600; overflow-wrap: anywhere; }
.developer-popup__email small[b-h9dnzba9fn] { display: block; margin-bottom: 0.12rem; color: var(--color-muted); font-size: 0.65rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.developer-popup__email:hover[b-h9dnzba9fn] { border-color: var(--color-gold); color: #8a682d; }

@keyframes developer-backdrop-in-b-h9dnzba9fn { from { opacity: 0; } to { opacity: 1; } }
@keyframes developer-popup-in-b-h9dnzba9fn { from { opacity: 0; transform: translateY(10px) scale(0.98); } to { opacity: 1; transform: none; } }

@media (max-width: 850px) {
    .header-inner[b-h9dnzba9fn] { min-height: 76px; grid-template-columns: 1fr auto; }
    .site-logo[b-h9dnzba9fn] { grid-column: 1; justify-self: start; }
    .site-logo__image[b-h9dnzba9fn] { width: 46px; height: 46px; flex-basis: 46px; }
    .site-logo__name[b-h9dnzba9fn] { font-size: 1.25rem; }
    .site-logo__name-arabic[b-h9dnzba9fn] { font-size: 0.8rem; }
    .nav-slot[b-h9dnzba9fn] { grid-column: 2; justify-self: end; }
}

@media (max-width: 430px) {
    .site-logo[b-h9dnzba9fn] { gap: 0.5rem; }
    .site-logo__image[b-h9dnzba9fn] { width: 40px; height: 40px; flex-basis: 40px; }
    .site-logo__name[b-h9dnzba9fn] { font-size: 1rem; }
    .site-logo__name-arabic[b-h9dnzba9fn] { font-size: 0.72rem; }
}

@media (max-width: 575px) {
    .footer-inner[b-h9dnzba9fn] { grid-template-columns: 1fr; gap: 1.5rem; }
    .footer-social[b-h9dnzba9fn], .footer-bottom[b-h9dnzba9fn] { grid-column: 1; }
    .footer-bottom[b-h9dnzba9fn] { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .developer-popup-backdrop[b-h9dnzba9fn], .developer-popup[b-h9dnzba9fn] { animation: none; }
}

#blazor-error-ui[b-h9dnzba9fn] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 0.75rem 3rem 0.75rem 1.25rem;
    border-top: 1px solid #ead1c6;
    background: #fff8f4;
    box-shadow: 0 -6px 22px rgba(47, 30, 25, 0.08);
    color: #713a32;
}

#blazor-error-ui .reload[b-h9dnzba9fn] { margin-left: 0.4rem; color: var(--color-green); font-weight: 600; }
#blazor-error-ui .dismiss[b-h9dnzba9fn] { position: absolute; top: 0.55rem; right: 1rem; cursor: pointer; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-xkra3lqfeg],
.components-reconnect-repeated-attempt-visible[b-xkra3lqfeg],
.components-reconnect-failed-visible[b-xkra3lqfeg],
.components-pause-visible[b-xkra3lqfeg],
.components-resume-failed-visible[b-xkra3lqfeg],
.components-rejoining-animation[b-xkra3lqfeg] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-xkra3lqfeg {
    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/Layout/TopNavBar.razor.rz.scp.css */
.main-nav[b-6yuyun0xnn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: clamp(0.55rem, 1.5vw, 1.5rem);
}

.nav-item[b-6yuyun0xnn] { display: flex; align-items: center; height: 100%; margin: 0; padding: 0; }

.nav-item[b-6yuyun0xnn]  .nav-link,
.logout-button[b-6yuyun0xnn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.7rem 0.55rem;
    border-radius: 999px;
    color: var(--color-text);
    font-family: var(--font-heading);
    font-size: 0.88rem;
    font-weight: 500;
    letter-spacing: 0.085em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color 160ms ease, background-color 160ms ease;
}

.nav-item[b-6yuyun0xnn]  a.active {
    background: transparent;
    color: #88671f;
    font-weight: 600;
}

.nav-item[b-6yuyun0xnn]  a.active::after {
    position: absolute;
    right: 0.55rem;
    bottom: 0.35rem;
    left: 0.55rem;
    height: 2px;
    border-radius: 999px;
    background: #88671f;
    content: "";
}

.nav-item[b-6yuyun0xnn]  .nav-link:hover {
    background: var(--color-surface);
    color: var(--color-gold);
    text-decoration: none;
}

.nav-item[b-6yuyun0xnn]  a.active:hover { background: transparent; color: #88671f; }

.nav-item form[b-6yuyun0xnn] { display: flex; align-items: center; height: 100%; margin: 0; padding: 0; }
.logout-button[b-6yuyun0xnn] { border: 0; background: transparent; cursor: pointer; }
.mobile-menu-container[b-6yuyun0xnn] {
    position: relative;
    z-index: 1101;
    display: none;
}

.mobile-menu-button[b-6yuyun0xnn] {
    position: relative;
    z-index: 1101;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
}

.mobile-menu-button span[b-6yuyun0xnn] {
    display: block;
    width: 24px;
    height: 1.5px;
    background: var(--color-green);
    transform-origin: center;
    transition: transform 160ms ease, opacity 160ms ease;
}

.mobile-menu-button:hover[b-6yuyun0xnn],
.mobile-menu-button:focus-visible[b-6yuyun0xnn] { border-color: var(--color-border); background: var(--color-surface); outline: none; }
.mobile-menu-button.menu-open span:first-child[b-6yuyun0xnn] { transform: translateY(6.5px) rotate(45deg); }
.mobile-menu-button.menu-open span:nth-child(2)[b-6yuyun0xnn] { opacity: 0; }
.mobile-menu-button.menu-open span:last-child[b-6yuyun0xnn] { transform: translateY(-6.5px) rotate(-45deg); }

@media (max-width: 850px) {
    .main-nav[b-6yuyun0xnn] { display: none; }
    .mobile-menu-container[b-6yuyun0xnn] { display: flex; align-items: center; justify-content: flex-end; }

    .main-nav.mobile-open[b-6yuyun0xnn] {
        position: fixed;
        inset: 0;
        z-index: 1100;
        display: flex;
        flex-direction: column;
        gap: clamp(0.55rem, 1.5vh, 0.9rem);
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        padding: clamp(6.5rem, 14vh, 8rem) max(var(--page-gutter), 1.5rem) 2.25rem;
        overflow-y: auto;
        overscroll-behavior: contain;
        background:
            radial-gradient(circle at 10% 5%, rgba(176, 138, 62, 0.12), transparent 34%),
            linear-gradient(155deg, #fff 0%, var(--color-surface) 100%);
        box-shadow: none;
        animation: mobile-menu-reveal-b-6yuyun0xnn 220ms ease-out both;
    }

    .main-nav.mobile-open[b-6yuyun0xnn]::before {
        width: min(3.5rem, 15vw);
        height: 2px;
        flex: 0 0 2px;
        margin-bottom: clamp(0.65rem, 2vh, 1.2rem);
        background: var(--color-gold);
        content: "";
    }

    .nav-item[b-6yuyun0xnn] {
        width: min(100%, 26rem);
        height: auto;
        flex: 0 0 auto;
        border: 0;
    }

    .nav-item[b-6yuyun0xnn]  .nav-link,
    .logout-button[b-6yuyun0xnn] {
        justify-content: center;
        width: 100%;
        height: auto;
        min-height: 3.4rem;
        padding: 0.9rem 1.25rem;
        border: 1px solid transparent;
        border-radius: 999px;
        font-size: clamp(0.92rem, 3.5vw, 1.05rem);
        letter-spacing: 0.12em;
        text-align: center;
    }

    .nav-item form[b-6yuyun0xnn], .logout-button[b-6yuyun0xnn] { width: 100%; height: auto; }
    .logout-button[b-6yuyun0xnn] { justify-content: center; text-align: center; }

    .nav-item[b-6yuyun0xnn]  a.active {
        background: var(--color-gold-soft);
        color: var(--color-green-deep);
        border-color: rgba(176, 138, 62, 0.3);
        box-shadow: 0 8px 24px rgba(37, 53, 43, 0.06);
    }

    .nav-item[b-6yuyun0xnn]  a.active::after { display: none; }

    .nav-item[b-6yuyun0xnn]  a.active:hover {
        background: var(--color-gold-soft);
        color: var(--color-green-deep);
    }

    .nav-item[b-6yuyun0xnn]  .nav-link:hover,
    .nav-item[b-6yuyun0xnn]  .nav-link:focus-visible {
        border-color: var(--color-border);
        outline: none;
    }
}

@keyframes mobile-menu-reveal-b-6yuyun0xnn {
    from { opacity: 0; transform: translateY(-0.5rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 850px) and (max-height: 650px) {
    .main-nav.mobile-open[b-6yuyun0xnn] {
        gap: 0.3rem;
        padding-top: 5.25rem;
        padding-bottom: 1rem;
    }

    .main-nav.mobile-open[b-6yuyun0xnn]::before { margin-bottom: 0.25rem; }
    .nav-item[b-6yuyun0xnn]  .nav-link,
    .logout-button[b-6yuyun0xnn] { min-height: 2.7rem; padding-block: 0.65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .main-nav.mobile-open[b-6yuyun0xnn] { animation: none; }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-buzpf90uvd] { max-width: 1080px; margin-inline: auto; }

.about-name-note[b-buzpf90uvd] {
    margin: 1.25rem 0 -0.75rem;
    color: var(--color-green);
    font-family: var(--font-heading);
    font-size: 1rem;
    letter-spacing: 0.035em;
}

.about-name-note strong[b-buzpf90uvd] { color: var(--color-gold); font-weight: 500; }

.about-names[b-buzpf90uvd] { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; align-items: baseline; margin: 1.25rem 0 -0.75rem; }
.about-names .about-name-note[b-buzpf90uvd] { margin: 0; }
.about-name-arabic[b-buzpf90uvd] { margin: 0; color: var(--color-gold); font-family: "Noto Naskh Arabic", "Amiri", serif; font-size: 1.65rem; font-weight: 600; line-height: 1.4; }

.about-grid[b-buzpf90uvd] {
    display: grid;
    grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr);
    gap: clamp(3rem, 8vw, 7rem);
    align-items: start;
}

figure[b-buzpf90uvd] { margin: 0; }

figcaption[b-buzpf90uvd] {
    max-width: 400px;
    margin-top: 1.25rem;
    color: var(--color-muted);
    font-size: 0.82rem;
    line-height: 1.65;
}

.about-social[b-buzpf90uvd] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--color-border);
    color: var(--color-muted);
    font-family: var(--font-heading);
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.about-social-icons[b-buzpf90uvd] { display: flex; gap: 1.2rem; color: var(--color-green); font-size: 1rem; }

.about-statement[b-buzpf90uvd] {
    position: relative;
    padding: clamp(1rem, 3vw, 2rem) 0 0 clamp(1.5rem, 4vw, 3.5rem);
    border-left: 1px solid rgba(176, 138, 62, 0.45);
}

.statement-mark[b-buzpf90uvd] {
    position: absolute;
    top: -2.25rem;
    left: 1.25rem;
    color: rgba(176, 138, 62, 0.13);
    font-family: Georgia, serif;
    font-size: 8rem;
    line-height: 1;
}

.statement-lines[b-buzpf90uvd] { position: relative; }

.statement-lines p[b-buzpf90uvd] {
    margin: 0 0 0.62rem;
    color: var(--color-green);
    font-family: var(--font-heading);
    font-size: clamp(1.45rem, 2.7vw, 2rem);
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 1.35;
}

.statement-lines p:nth-last-child(-n + 3)[b-buzpf90uvd] { color: var(--color-text); }
.statement-lines p:last-child[b-buzpf90uvd] { margin-bottom: 0; color: var(--color-gold); }

@media (max-width: 800px) {
    .about-grid[b-buzpf90uvd] { grid-template-columns: 1fr; gap: 4rem; }
    .about-portrait-column[b-buzpf90uvd] { max-width: 600px; }
    .about-statement[b-buzpf90uvd] { padding-left: 2rem; }
}

@media (max-width: 575px) {
    .about-statement[b-buzpf90uvd] { padding-left: 1.25rem; }
    .statement-mark[b-buzpf90uvd] { left: 0.5rem; }
}
/* /Components/Pages/AdminChangePassword.razor.rz.scp.css */
.password-heading[b-02gjqz24jp] { max-width: 720px; margin-bottom: 2rem; }
.password-eyebrow[b-02gjqz24jp] { color: #9a742f; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.password-heading h1[b-02gjqz24jp] { margin: 0.3rem 0; color: #263d30; font-size: clamp(2.3rem, 5vw, 3.7rem); }
.password-heading p[b-02gjqz24jp] { margin: 0; color: #6f7872; line-height: 1.6; }

.password-panel[b-02gjqz24jp] { max-width: 680px; padding: clamp(1.4rem, 4vw, 2rem); border: 1px solid #e0e4df; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(39, 57, 46, 0.04); }
.password-panel__intro[b-02gjqz24jp] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid #e8ebe7; }
.password-panel__intro > span[b-02gjqz24jp] { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 50%; background: #f4efe4; color: #9a742f; font-size: 0.9rem; font-weight: 700; letter-spacing: 0.08em; }
.password-panel__intro h2[b-02gjqz24jp] { margin: 0; color: #2f4437; font-size: 1.35rem; }
.password-panel__intro p[b-02gjqz24jp] { margin: 0.25rem 0 0; color: #7b847e; font-size: 0.78rem; }

.password-field[b-02gjqz24jp] { margin-top: 1rem; }
.password-field label[b-02gjqz24jp] { display: block; margin-bottom: 0.4rem; color: #3b4c41; font-size: 0.78rem; font-weight: 700; }
.password-field[b-02gjqz24jp]  input { width: 100%; min-height: 46px; padding: 0.7rem 0.8rem; border: 1px solid #d8ddd7; border-radius: 6px; background: #fff; color: #34463a; font-size: 0.9rem; }
.password-field[b-02gjqz24jp]  input:focus { border-color: #b08a3e; outline: 3px solid rgba(176, 138, 62, 0.12); }
.password-field[b-02gjqz24jp]  .validation-message { display: block; margin-top: 0.35rem; color: #985047; font-size: 0.72rem; }
.password-validation-summary[b-02gjqz24jp] { margin-bottom: 1rem; color: #985047; font-size: 0.78rem; }

.password-actions[b-02gjqz24jp] { display: flex; gap: 0.75rem; align-items: center; margin-top: 1.5rem; }
.password-actions button[b-02gjqz24jp], .password-actions a[b-02gjqz24jp] { display: inline-flex; min-height: 42px; padding: 0.65rem 1rem; align-items: center; justify-content: center; border-radius: 6px; font-size: 0.78rem; font-weight: 700; text-decoration: none; }
.password-actions button[b-02gjqz24jp] { border: 1px solid #2f4a3a; background: #2f4a3a; color: #fff; }
.password-actions button:hover[b-02gjqz24jp] { border-color: #b08a3e; background: #b08a3e; }
.password-actions a[b-02gjqz24jp] { border: 1px solid #d8ddd7; color: #536259; }
.password-actions a:hover[b-02gjqz24jp] { border-color: #b08a3e; color: #8a682d; }

@media (max-width: 480px) {
    .password-actions[b-02gjqz24jp] { align-items: stretch; flex-direction: column; }
    .password-actions button[b-02gjqz24jp], .password-actions a[b-02gjqz24jp] { width: 100%; }
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.dashboard-heading[b-67q0umijv9] { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2.25rem; }
.dashboard-eyebrow[b-67q0umijv9] { color: #9a742f; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.dashboard-heading h1[b-67q0umijv9] { margin: 0.3rem 0; color: #263d30; font-size: clamp(2.3rem, 5vw, 3.7rem); }
.dashboard-heading p[b-67q0umijv9] { margin: 0; color: #6f7872; }
.dashboard-date[b-67q0umijv9] { padding: 0.55rem 0.8rem; border: 1px solid #dde2dc; border-radius: 7px; background: #fff; color: #69726c; font-size: 0.8rem; white-space: nowrap; }

.stat-grid[b-67q0umijv9] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.stat-card[b-67q0umijv9] { padding: 1.4rem; border: 1px solid #e0e4df; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(39, 57, 46, 0.04); }
.stat-card > span[b-67q0umijv9] { display: block; color: #66716a; font-size: 0.8rem; font-weight: 700; }
.stat-card strong[b-67q0umijv9] { display: block; margin: 0.45rem 0; color: #263d30; font-family: var(--font-heading); font-size: 2.5rem; font-weight: 500; line-height: 1; }
.stat-card small[b-67q0umijv9] { color: #959c97; font-size: 0.72rem; }
.stat-card--warning strong[b-67q0umijv9] { color: #986744; }

.account-security[b-67q0umijv9] { display: flex; margin-top: 1.25rem; padding: 1.4rem 1.5rem; align-items: center; justify-content: space-between; gap: 2rem; border: 1px solid #e0e4df; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(39, 57, 46, 0.04); }
.account-security h2[b-67q0umijv9] { margin: 0.25rem 0 0.3rem; color: #263d30; font-size: 1.45rem; }
.account-security p[b-67q0umijv9] { margin: 0; color: #737d76; font-size: 0.82rem; }
.security-action[b-67q0umijv9] { display: inline-flex; min-height: 42px; padding: 0.65rem 0.95rem; flex: 0 0 auto; align-items: center; gap: 0.6rem; border: 1px solid #2f4a3a; border-radius: 6px; background: #2f4a3a; color: #fff; font-size: 0.78rem; font-weight: 700; text-decoration: none; }
.security-action:hover[b-67q0umijv9] { border-color: #b08a3e; background: #b08a3e; color: #fff; }
.security-action span[b-67q0umijv9] { font-size: 1rem; font-weight: 400; }

.user-management[b-67q0umijv9] { display:grid; grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr); gap:2rem; margin-top:1.25rem; padding:1.5rem; border:1px solid #e0e4df; border-radius:12px; background:#fff; box-shadow:0 10px 30px rgba(39,57,46,.04); }
.user-management h2[b-67q0umijv9] { margin:.25rem 0 .35rem; color:#263d30; font-size:1.45rem; }
.user-management__intro p[b-67q0umijv9] { margin:0; color:#737d76; font-size:.82rem; line-height:1.6; }
.new-user-form label:not(.permission-choice)[b-67q0umijv9] { display:block; margin:.65rem 0 .3rem; color:#3b4c41; font-size:.74rem; font-weight:700; }
.new-user-form[b-67q0umijv9]  .ant-input-group-wrapper,.new-user-form[b-67q0umijv9]  .ant-input-affix-wrapper { width:100%; }
.new-user-form[b-67q0umijv9]  .ant-input,.new-user-form[b-67q0umijv9]  .ant-input-affix-wrapper { min-height:40px; }
.new-user-form[b-67q0umijv9]  .ant-input-group-addon { border-color:#d8ddd7; background:#f4f1e8; color:#7f622a; font-size:.76rem; font-weight:600; }
.new-user-form[b-67q0umijv9]  .ant-input:hover,.new-user-form[b-67q0umijv9]  .ant-input-affix-wrapper:hover { border-color:#b08a3e; }
.new-user-form[b-67q0umijv9]  .ant-input:focus,.new-user-form[b-67q0umijv9]  .ant-input-affix-wrapper-focused { border-color:#b08a3e; box-shadow:0 0 0 2px rgba(176,138,62,.1); }
.new-user-form[b-67q0umijv9]  .validation-message { display:block; margin-top:.25rem; color:#985047; font-size:.68rem; }
.new-user-form__passwords[b-67q0umijv9] { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.permission-choice[b-67q0umijv9] { display:flex; margin-top:.85rem; align-items:flex-start; gap:.65rem; color:#3b4c41; cursor:pointer; }
.permission-choice[b-67q0umijv9]  input { margin-top:.2rem; accent-color:#2f4a3a; }
.permission-choice span[b-67q0umijv9],.permission-choice small[b-67q0umijv9] { display:block; }
.permission-choice strong[b-67q0umijv9] { font-size:.76rem; }
.permission-choice small[b-67q0umijv9] { margin-top:.12rem; color:#858d87; font-size:.68rem; }
.new-user-form > button[b-67q0umijv9] { min-height:40px; margin-top:1rem; padding:.55rem .8rem; border:1px solid #2f4a3a; border-radius:6px; background:#2f4a3a; color:#fff; font-size:.73rem; font-weight:700; }
.new-user-form > button:hover:not(:disabled)[b-67q0umijv9] { border-color:#b08a3e; background:#b08a3e; }
.new-user-form > button:disabled[b-67q0umijv9] { opacity:.6; }
.user-status[b-67q0umijv9] { display:block; margin-top:.6rem; color:#477154; font-size:.72rem; }
.user-status.is-error[b-67q0umijv9] { color:#985047; }

.users-panel[b-67q0umijv9] { margin-top: 1.25rem; overflow: hidden; border: 1px solid #e0e4df; border-radius: 12px; background: #fff; }
.photos-panel[b-67q0umijv9] { margin-top: 1.25rem; overflow: hidden; border: 1px solid #e0e4df; border-radius: 12px; background: #fff; }
.pathway-admin-panel[b-67q0umijv9] { margin-top: 1.25rem; overflow: hidden; border: 1px solid #e0e4df; border-radius: 12px; background: #fff; }
.pathway-admin-grid[b-67q0umijv9] { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr); border-bottom: 1px solid #e8ebe7; }
.pathway-editor[b-67q0umijv9] { padding: 1.4rem 1.5rem; border-right: 1px solid #e8ebe7; }
.pathway-editor h3[b-67q0umijv9], .pathway-footer-editor h3[b-67q0umijv9] { margin: 0; color: #314439; font-size: 1.2rem; }
.pathway-editor > p[b-67q0umijv9] { margin: 0.4rem 0 1rem; color: #7b847e; font-size: 0.76rem; line-height: 1.5; }
.pathway-editor code[b-67q0umijv9] { color: #8a682d; }
.pathway-editor label[b-67q0umijv9] { display: block; margin: 0.85rem 0 0.35rem; color: #3b4c41; font-size: 0.76rem; font-weight: 700; }
.pathway-editor textarea[b-67q0umijv9], .pathway-editor input[b-67q0umijv9], .pathway-footer-editor textarea[b-67q0umijv9] { width: 100%; padding: 0.6rem 0.7rem; border: 1px solid #d8ddd7; border-radius: 6px; color: #34463a; font-size: 0.85rem; line-height: 1.55; }
.pathway-editor textarea[b-67q0umijv9], .pathway-footer-editor textarea[b-67q0umijv9] { resize: vertical; }
.pathway-editor[b-67q0umijv9]  .validation-message { display: block; margin-top: 0.3rem; font-size: 0.7rem; }
.pathway-editor__buttons[b-67q0umijv9] { display: flex; gap: 0.5rem; margin-top: 1rem; }
.pathway-save[b-67q0umijv9], .pathway-cancel[b-67q0umijv9] { min-height: 38px; padding: 0.5rem 0.75rem; border: 1px solid #2f4a3a; border-radius: 5px; background: #2f4a3a; color: #fff; font-size: 0.72rem; font-weight: 700; }
.pathway-save:hover[b-67q0umijv9] { border-color: #b08a3e; background: #b08a3e; }
.pathway-cancel[b-67q0umijv9] { border-color: #d7ddd7; background: #fff; color: #536259; }
.pathway-step-list article[b-67q0umijv9] { display: flex; min-height: 83px; gap: 1rem; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #edf0ec; }
.pathway-step-list article:last-child[b-67q0umijv9] { border-bottom: 0; }
.pathway-step-list article.is-inactive[b-67q0umijv9] { background: #fafafa; opacity: 0.66; }
.pathway-step-list strong[b-67q0umijv9] { color: #34463a; font-family: var(--font-heading); font-size: 1rem; font-weight: 500; }
.pathway-step-list p[b-67q0umijv9] { max-width: 265px; margin: 0.25rem 0 0; overflow: hidden; color: #858d87; font-size: 0.72rem; line-height: 1.45; }
.pathway-step-actions[b-67q0umijv9] { display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; gap: 0.35rem; }
.pathway-step-actions button[b-67q0umijv9] { padding: 0.38rem 0.5rem; border: 1px solid #dedfda; border-radius: 5px; background: #fff; color: #526359; font-size: 0.66rem; }
.pathway-step-actions .pathway-delete[b-67q0umijv9] { color: #8c554c; }
.pathway-footer-editor[b-67q0umijv9] { padding: 1.25rem 1.5rem; background: #fcfcfb; }
.pathway-footer-editor h3[b-67q0umijv9] { margin-bottom: 0.65rem; }
.pathway-footer-editor .pathway-save[b-67q0umijv9] { display: block; margin-top: 0.65rem; }
.pathway-status[b-67q0umijv9] { margin: 0; padding: 0.75rem 1.5rem; border-top: 1px solid #e8ebe7; color: #477154; font-size: 0.78rem; }
.photo-upload-button[b-67q0umijv9] { display: inline-flex; min-height: 38px; padding: 0.55rem 0.85rem; align-items: center; border-radius: 5px; background: #2f4a3a; color: #fff; cursor: pointer; font-size: 0.75rem; font-weight: 700; }
.photo-upload-button:hover[b-67q0umijv9] { background: #b08a3e; color: #fff; }
.photo-status[b-67q0umijv9] { margin: 0; padding: 0.75rem 1.5rem; border-bottom: 1px solid #e8ebe7; color: #3f704e; font-size: 0.82rem; }
.photo-sort-help[b-67q0umijv9] { margin: 0; padding: 0.9rem 1.5rem 0; color: #808983; font-size: 0.78rem; }
.photo-admin-grid[b-67q0umijv9] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; padding: 1.25rem 1.5rem 1.5rem; }
.photo-admin-card[b-67q0umijv9] { overflow: hidden; border: 1px solid #e0e4df; border-radius: 8px; background: #fff; cursor: grab; }
.photo-admin-card:active[b-67q0umijv9] { cursor: grabbing; }
.photo-admin-card.is-inactive[b-67q0umijv9] { opacity: 0.58; }
.photo-admin-card img[b-67q0umijv9] { display: block; width: 100%; height: 135px; object-fit: cover; }
.photo-admin-card__body[b-67q0umijv9] { padding: 0.65rem; }
.photo-admin-card__actions[b-67q0umijv9] { display: flex; gap: 0.4rem; margin-top: 0.65rem; }
.photo-admin-card__actions button[b-67q0umijv9] { flex: 1; padding: 0.38rem 0.3rem; border: 1px solid #d7ddd7; border-radius: 4px; background: #fff; color: #405349; font-size: 0.67rem; font-weight: 700; }
.photo-admin-card__actions button:hover[b-67q0umijv9] { border-color: #b08a3e; color: #9a742f; }
.photo-admin-card__actions .photo-delete[b-67q0umijv9] { border-color: #efd2ce; color: #985047; }
.users-panel__heading[b-67q0umijv9] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 1.4rem 1.5rem; border-bottom: 1px solid #e8ebe7; }
.users-panel__heading h2[b-67q0umijv9] { margin: 0.25rem 0 0; color: #263d30; font-size: 1.65rem; }
.users-panel__heading > span[b-67q0umijv9] { color: #8a928d; font-size: 0.75rem; }
.table-wrap[b-67q0umijv9] { overflow-x: auto; }
table[b-67q0umijv9] { width: 100%; border-collapse: collapse; }
th[b-67q0umijv9], td[b-67q0umijv9] { padding: 1rem 1.5rem; border-bottom: 1px solid #edf0ec; text-align: left; vertical-align: middle; }
th[b-67q0umijv9] { color: #808983; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
td[b-67q0umijv9] { color: #5e6962; font-size: 0.84rem; }
td strong[b-67q0umijv9], td small[b-67q0umijv9] { display: block; }
td strong[b-67q0umijv9] { color: #314439; font-weight: 650; }
td small[b-67q0umijv9] { max-width: 250px; margin-top: 0.18rem; overflow: hidden; color: #9da39f; font-size: 0.65rem; text-overflow: ellipsis; }
tbody tr:last-child td[b-67q0umijv9] { border-bottom: 0; }
.badge[b-67q0umijv9] { display: inline-block; padding: 0.28rem 0.55rem; border-radius: 999px; font-size: 0.68rem; font-weight: 700; }
.badge--success[b-67q0umijv9] { background: #e8f2eb; color: #3f704e; }
.badge--muted[b-67q0umijv9] { background: #f0f1ef; color: #737a75; }
.badge--danger[b-67q0umijv9] { background: #f8e9e6; color: #985047; }
.badge--owner[b-67q0umijv9] { background:#f7eedc; color:#876326; }
.owner-protected[b-67q0umijv9] { color:#8a928d; font-size:.72rem; }
.user-actions[b-67q0umijv9] { display:flex; gap:.4rem; white-space:nowrap; }
.user-actions button[b-67q0umijv9] { padding:.42rem .55rem; border:1px solid #d7ddd7; border-radius:5px; background:#fff; color:#405349; font-size:.68rem; font-weight:700; }
.user-actions button:hover[b-67q0umijv9] { border-color:#b08a3e; color:#8a682d; }
.user-actions .remove-user[b-67q0umijv9] { border-color:#efd2ce; color:#985047; }
.empty-state[b-67q0umijv9] { padding: 3rem 1.5rem; color: #858d87; text-align: center; }

@media (max-width: 900px) { .stat-grid[b-67q0umijv9] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .pathway-admin-grid[b-67q0umijv9] { grid-template-columns: 1fr; } .pathway-editor[b-67q0umijv9] { border-right: 0; border-bottom: 1px solid #e8ebe7; } }
@media (max-width: 800px) { .user-management[b-67q0umijv9] { grid-template-columns:1fr; gap:1rem; } }
@media (max-width: 600px) {
    .dashboard-heading[b-67q0umijv9] { align-items: flex-start; flex-direction: column; }
    .stat-grid[b-67q0umijv9] { grid-template-columns: 1fr; }
    .account-security[b-67q0umijv9] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .users-panel__heading > span[b-67q0umijv9] { display: none; }
    .new-user-form__passwords[b-67q0umijv9] { grid-template-columns:1fr; }
    th[b-67q0umijv9], td[b-67q0umijv9] { padding-inline: 1rem; }
    .pathway-step-list article[b-67q0umijv9] { align-items: flex-start; flex-direction: column; }
    .pathway-step-actions[b-67q0umijv9] { justify-content: flex-start; }
}
/* /Components/Pages/AdminLogin.razor.rz.scp.css */
.login-page[b-4cu4gix4ri] { display: grid; min-height: calc(100vh - 150px); place-items: center; padding-block: 2rem; }

.login-card[b-4cu4gix4ri] {
    width: min(100%, 470px);
    padding: clamp(1.6rem, 5vw, 3rem);
    border: 1px solid #e0e4de;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(38, 61, 48, 0.1);
}

.login-card__intro[b-4cu4gix4ri] { margin-bottom: 2rem; }
.login-eyebrow[b-4cu4gix4ri] { color: #a47b31; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.17em; text-transform: uppercase; }
.login-card h1[b-4cu4gix4ri] { margin: 0.55rem 0 0.6rem; color: #263d30; font-size: clamp(2.15rem, 7vw, 3.2rem); }
.login-card__intro p[b-4cu4gix4ri] { margin: 0; color: #6f7771; line-height: 1.6; }

.login-alert[b-4cu4gix4ri] { margin-bottom: 1.2rem; padding: 0.9rem 1rem; border-left: 3px solid #a64b43; background: #fbf1ef; color: #7b352f; font-size: 0.9rem; line-height: 1.5; }
.field-group[b-4cu4gix4ri] { margin-bottom: 1.25rem; }
.field-group label[b-4cu4gix4ri], .field-label-row[b-4cu4gix4ri] { color: #34463a; font-size: 0.87rem; font-weight: 700; }
.field-label-row[b-4cu4gix4ri] { display: flex; justify-content: space-between; align-items: center; }
.field-label-row a[b-4cu4gix4ri] { color: #8b6a2e; font-size: 0.78rem; font-weight: 600; text-decoration: none; }
.field-group .form-control[b-4cu4gix4ri] { height: 52px; margin-top: 0.45rem; padding-inline: 0.95rem; border-color: #d8ddd7; border-radius: 8px; }
.field-group[b-4cu4gix4ri]  .validation-message { display: block; margin-top: 0.35rem; font-size: 0.78rem; }

.remember-row[b-4cu4gix4ri] { display: flex; gap: 0.6rem; align-items: center; margin: 0.1rem 0 1.35rem; color: #626c65; font-size: 0.88rem; cursor: pointer; }
.remember-row input[b-4cu4gix4ri] { width: 1rem; height: 1rem; accent-color: #2f4a3a; }

.login-button[b-4cu4gix4ri] { width: 100%; min-height: 52px; border: 0; border-radius: 8px; background: #2f4a3a; color: #fff; font-weight: 700; letter-spacing: 0.025em; }
.login-button:hover[b-4cu4gix4ri] { background: #b08a3e; }
.login-card__footer[b-4cu4gix4ri] { margin: 1.5rem 0 0; color: #929994; font-size: 0.77rem; text-align: center; }
/* /Components/Pages/AdminPathway.razor.rz.scp.css */
.manager-heading[b-g969379e2n] { margin-bottom:2rem; }.manager-eyebrow[b-g969379e2n] { color:#9a742f; font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.manager-heading h1[b-g969379e2n] { margin:.3rem 0; color:#263d30; font-size:clamp(2.3rem,5vw,3.7rem); }.manager-heading p[b-g969379e2n] { margin:0; color:#6f7872; }.pathway-admin-grid[b-g969379e2n] { display:grid; grid-template-columns:minmax(320px,1fr) minmax(320px,1fr); gap:1.25rem; align-items:start; }.pathway-editor[b-g969379e2n],.pathway-step-list[b-g969379e2n],.footer-editor[b-g969379e2n] { border:1px solid #e0e4df; border-radius:12px; background:#fff; }.pathway-editor[b-g969379e2n],.footer-editor[b-g969379e2n] { padding:1.5rem; }.pathway-editor h2[b-g969379e2n],.pathway-step-list h2[b-g969379e2n],.footer-editor h2[b-g969379e2n] { margin:0; color:#263d30; font-size:1.55rem; }.pathway-editor>p[b-g969379e2n] { margin:.4rem 0 1rem; color:#7b847e; font-size:.76rem; line-height:1.5; }.pathway-editor label[b-g969379e2n] { display:block; margin:.95rem 0 .4rem; color:#3b4c41; font-size:.8rem; font-weight:700; }.pathway-editor[b-g969379e2n]  .ant-input,.footer-editor[b-g969379e2n]  .ant-input { width:100%; }.pathway-editor[b-g969379e2n]  textarea.ant-input,.footer-editor[b-g969379e2n]  textarea.ant-input { min-width:100%; resize:vertical; }.pathway-editor[b-g969379e2n]  .validation-message { display:block; margin-top:.3rem; font-size:.72rem; }.editor-buttons[b-g969379e2n] { display:flex; gap:.5rem; margin-top:1.15rem; }.save-button[b-g969379e2n],.cancel-button[b-g969379e2n] { min-height:42px; padding:.55rem .85rem; border:1px solid #2f4a3a; border-radius:6px; background:#2f4a3a; color:#fff; font-size:.74rem; font-weight:700; }.save-button:hover[b-g969379e2n] { border-color:#b08a3e; background:#b08a3e; }.cancel-button[b-g969379e2n] { border-color:#d7ddd7; background:#fff; color:#526359; }.pathway-step-list[b-g969379e2n] { overflow:hidden; }.pathway-step-list__heading[b-g969379e2n] { display:flex; justify-content:space-between; align-items:center; padding:1.35rem 1.5rem; border-bottom:1px solid #e8ebe7; }.pathway-step-list__heading span[b-g969379e2n] { color:#929994; font-size:.75rem; }.pathway-step-list article[b-g969379e2n] { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:1.05rem 1.25rem; border-bottom:1px solid #edf0ec; }.pathway-step-list article.is-inactive[b-g969379e2n] { background:#fafafa; opacity:.66; }.pathway-step-list strong[b-g969379e2n] { color:#34463a; font-family:var(--font-heading); font-size:1.05rem; font-weight:500; }.pathway-step-list p[b-g969379e2n] { max-width:275px; margin:.25rem 0 0; color:#858d87; font-size:.72rem; line-height:1.45; }.step-actions[b-g969379e2n] { display:flex; flex-shrink:0; gap:.35rem; }.step-actions button[b-g969379e2n] { padding:.4rem .52rem; border:1px solid #dedfda; border-radius:5px; background:#fff; color:#526359; font-size:.67rem; }.step-actions .delete-button[b-g969379e2n] { color:#8c554c; }.footer-editor[b-g969379e2n] { margin-top:1.25rem; }.footer-editor h2[b-g969379e2n] { margin-bottom:.75rem; }.footer-editor .save-button[b-g969379e2n] { display:block; margin-top:.75rem; }.save-status[b-g969379e2n] { margin:1rem 0 0; color:#477154; font-size:.8rem; }.empty-state[b-g969379e2n] { padding:3rem 1.5rem; color:#858d87; text-align:center; }@media(max-width:850px){.pathway-admin-grid[b-g969379e2n]{grid-template-columns:1fr}}@media(max-width:560px){.pathway-step-list article[b-g969379e2n]{align-items:flex-start;flex-direction:column}.step-actions[b-g969379e2n]{flex-wrap:wrap}}
/* /Components/Pages/AdminPhotography.razor.rz.scp.css */
.manager-heading[b-d1plr66w35] { margin-bottom: 2rem; }.manager-eyebrow[b-d1plr66w35] { color: #9a742f; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.manager-heading h1[b-d1plr66w35] { margin: .3rem 0; color: #263d30; font-size: clamp(2.3rem,5vw,3.7rem); }.manager-heading p[b-d1plr66w35] { margin: 0; color: #6f7872; }.photo-manager[b-d1plr66w35] { overflow: hidden; border: 1px solid #e0e4df; border-radius: 12px; background: #fff; }.photo-manager__heading[b-d1plr66w35] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.4rem 1.5rem; border-bottom:1px solid #e8ebe7; }.photo-manager h2[b-d1plr66w35] { margin:0; color:#263d30; font-size:1.55rem; }.photo-upload-button[b-d1plr66w35] { display:inline-flex; min-height:38px; padding:.55rem .85rem; align-items:center; border-radius:5px; background:#2f4a3a; color:#fff; cursor:pointer; font-size:.75rem; font-weight:700; }.photo-upload-button:hover[b-d1plr66w35] { background:#b08a3e; color:#fff; }.photo-status[b-d1plr66w35],.photo-sort-help[b-d1plr66w35] { margin:0; padding:.75rem 1.5rem; color:#477154; font-size:.82rem; }.photo-sort-help[b-d1plr66w35] { padding-bottom:0; color:#808983; }.photo-admin-grid[b-d1plr66w35] { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:1rem; padding:1.25rem 1.5rem 1.5rem; }.photo-admin-card[b-d1plr66w35] { overflow:hidden; border:1px solid #e0e4df; border-radius:8px; background:#fff; cursor:grab; }.photo-admin-card:active[b-d1plr66w35] { cursor:grabbing; }.photo-admin-card.is-inactive[b-d1plr66w35] { opacity:.58; }.photo-admin-card img[b-d1plr66w35] { display:block; width:100%; height:135px; object-fit:cover; }.photo-admin-card__body[b-d1plr66w35] { padding:.65rem; }.badge[b-d1plr66w35] { display:inline-block; padding:.28rem .55rem; border-radius:999px; font-size:.68rem; font-weight:700; }.badge--success[b-d1plr66w35] { background:#e8f2eb; color:#3f704e; }.badge--muted[b-d1plr66w35] { background:#f0f1ef; color:#737a75; }.photo-admin-card__actions[b-d1plr66w35] { display:flex; gap:.4rem; margin-top:.65rem; }.photo-admin-card__actions button[b-d1plr66w35] { flex:1; padding:.38rem .3rem; border:1px solid #d7ddd7; border-radius:4px; background:#fff; color:#405349; font-size:.67rem; font-weight:700; }.photo-admin-card__actions .photo-delete[b-d1plr66w35] { border-color:#efd2ce; color:#985047; }.empty-state[b-d1plr66w35] { padding:3rem 1.5rem; color:#858d87; text-align:center; }
/* /Components/Pages/AdminPoems.razor.rz.scp.css */
.manager-heading[b-uhxw1n2hj4] { margin-bottom: 2rem; }
.manager-eyebrow[b-uhxw1n2hj4] { color: #9a742f; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.manager-heading h1[b-uhxw1n2hj4] { margin: 0.3rem 0; color: #263d30; font-size: clamp(2.3rem, 5vw, 3.7rem); }
.manager-heading p[b-uhxw1n2hj4] { margin: 0; color: #6f7872; }
.manager-grid[b-uhxw1n2hj4] { display: grid; grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.05fr); gap: 1.25rem; align-items: start; }
.editor-card[b-uhxw1n2hj4], .poem-admin-list[b-uhxw1n2hj4] { border: 1px solid #e0e4df; border-radius: 12px; background: #fff; }
.editor-card[b-uhxw1n2hj4] { padding: 1.5rem; }
.editor-card h2[b-uhxw1n2hj4], .poem-admin-list h2[b-uhxw1n2hj4] { margin: 0; color: #263d30; font-size: 1.55rem; }
.field-row[b-uhxw1n2hj4] { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 0.8rem; }
.field-group[b-uhxw1n2hj4] { margin-top: 1.25rem; }
.field-group label[b-uhxw1n2hj4], .line-editor__heading label[b-uhxw1n2hj4] { display: block; margin-bottom: 0.4rem; color: #3b4c41; font-size: 0.8rem; font-weight: 700; }
.field-group[b-uhxw1n2hj4]  .ant-input, .field-group[b-uhxw1n2hj4]  .ant-input-number { width: 100%; }
.field-group[b-uhxw1n2hj4]  .validation-message { display: block; margin-top: 0.3rem; font-size: 0.72rem; }
.tale-editor[b-uhxw1n2hj4] { margin-top: 1.5rem; }
.tale-editor label[b-uhxw1n2hj4] { display: block; margin-bottom: 0.4rem; color: #3b4c41; font-size: 0.8rem; font-weight: 700; }
.tale-editor p[b-uhxw1n2hj4] { margin: 0 0 0.65rem; color: #7b847e; font-size: 0.74rem; line-height: 1.45; }
.tale-editor[b-uhxw1n2hj4]  .ant-input { width: 100%; }
.tale-editor[b-uhxw1n2hj4]  textarea.ant-input { min-width: 100%; resize: vertical; }
.save-button[b-uhxw1n2hj4] { min-height: 44px; margin-top: 1.25rem; padding: 0.65rem 1rem; border: 0; border-radius: 7px; background: #2f4a3a; color: #fff; font-weight: 700; }
.save-button:hover[b-uhxw1n2hj4] { background: #b08a3e; }
.cancel-button[b-uhxw1n2hj4] { min-height: 44px; margin: 1.25rem 0 0 0.5rem; padding: 0.65rem 1rem; border: 1px solid #d8ddd7; border-radius: 7px; background: #fff; color: #526359; font-weight: 700; }
.save-status[b-uhxw1n2hj4] { display: block; margin-top: 0.75rem; color: #477154; font-size: 0.78rem; }
.poem-admin-list[b-uhxw1n2hj4] { overflow: hidden; }
.poem-admin-list__heading[b-uhxw1n2hj4] { display: flex; justify-content: space-between; align-items: center; padding: 1.35rem 1.5rem; border-bottom: 1px solid #e8ebe7; }
.poem-admin-list__heading span[b-uhxw1n2hj4] { color: #929994; font-size: 0.75rem; }
.poem-admin-list article[b-uhxw1n2hj4] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: 1.1rem 1.25rem; border-bottom: 1px solid #edf0ec; }
.poem-admin-list article:last-child[b-uhxw1n2hj4] { border-bottom: 0; }
.poem-admin-list article.is-inactive[b-uhxw1n2hj4] { background: #fafafa; opacity: 0.7; }
.poem-summary[b-uhxw1n2hj4] { display: flex; gap: 0.9rem; align-items: center; min-width: 0; }
.poem-year[b-uhxw1n2hj4] { color: #a47b31; font-family: var(--font-heading); font-size: 0.72rem; letter-spacing: 0.08em; }
.poem-summary h3[b-uhxw1n2hj4] { margin: 0; overflow: hidden; color: #34463a; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }
.poem-summary p[b-uhxw1n2hj4] { margin: 0.2rem 0 0; color: #929994; font-size: 0.68rem; }
.poem-admin-actions[b-uhxw1n2hj4] { display: flex; flex-shrink: 0; gap: 0.4rem; }
.poem-admin-actions button[b-uhxw1n2hj4] { padding: 0.42rem 0.55rem; border: 1px solid #dedfda; border-radius: 5px; background: #fff; color: #526359; font-size: 0.68rem; }
.poem-admin-actions .delete-button[b-uhxw1n2hj4] { color: #8c554c; }
.poem-admin-actions .delete-button:hover[b-uhxw1n2hj4] { border-color: #b47767; color: #944d43; }
.empty-list[b-uhxw1n2hj4] { padding: 2rem 1.5rem; color: #929994; text-align: center; }
@media (max-width: 950px) { .manager-grid[b-uhxw1n2hj4] { grid-template-columns: 1fr; } }
@media (max-width: 540px) { .field-row[b-uhxw1n2hj4] { grid-template-columns: 1fr; } .poem-admin-list article[b-uhxw1n2hj4] { align-items: flex-start; flex-direction: column; } }
/* /Components/Pages/AdminQuotations.razor.rz.scp.css */
.manager-heading[b-bfu703pg8z] { margin-bottom: 2rem; }
.manager-eyebrow[b-bfu703pg8z] { color: #9a742f; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.manager-heading h1[b-bfu703pg8z] { margin: 0.3rem 0; color: #263d30; font-size: clamp(2.3rem, 5vw, 3.7rem); }
.manager-heading p[b-bfu703pg8z] { margin: 0; color: #6f7872; }
.manager-grid[b-bfu703pg8z] { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr); gap: 1.25rem; align-items: start; }
.editor-card[b-bfu703pg8z], .quotation-list[b-bfu703pg8z] { border: 1px solid #e0e4df; border-radius: 12px; background: #fff; }
.editor-card[b-bfu703pg8z] { padding: 1.5rem; }
.editor-card h2[b-bfu703pg8z], .quotation-list h2[b-bfu703pg8z] { margin: 0; color: #263d30; font-size: 1.55rem; }
.field-group[b-bfu703pg8z] { margin-top: 1.25rem; }
.field-group label[b-bfu703pg8z] { display: block; margin-bottom: 0.4rem; color: #3b4c41; font-size: 0.8rem; font-weight: 700; }
.field-group label span[b-bfu703pg8z] { color: #929994; font-weight: 400; }
.field-group[b-bfu703pg8z]  .ant-input { width: 100%; }
.field-group[b-bfu703pg8z]  textarea.ant-input { min-width: 100%; resize: vertical; }
.field-group[b-bfu703pg8z]  .validation-message { display: block; margin-top: 0.3rem; font-size: 0.75rem; }
.save-button[b-bfu703pg8z] { min-height: 44px; margin-top: 1.25rem; padding: 0.65rem 1rem; border: 0; border-radius: 7px; background: #2f4a3a; color: #fff; font-weight: 700; }
.save-button:hover[b-bfu703pg8z] { background: #b08a3e; }
.cancel-button[b-bfu703pg8z] { min-height: 44px; margin: 1.25rem 0 0 0.5rem; padding: 0.65rem 1rem; border: 1px solid #d8ddd7; border-radius: 7px; background: #fff; color: #526359; font-weight: 700; }
.save-status[b-bfu703pg8z] { display: block; margin-top: 0.75rem; color: #477154; font-size: 0.78rem; }
.quotation-list[b-bfu703pg8z] { overflow: hidden; }
.quotation-list__heading[b-bfu703pg8z] { display: flex; justify-content: space-between; align-items: center; padding: 1.35rem 1.5rem; border-bottom: 1px solid #e8ebe7; }
.quotation-list__heading span[b-bfu703pg8z] { color: #929994; font-size: 0.75rem; }
.quotation-list article[b-bfu703pg8z] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: 1.1rem 1.5rem; border-bottom: 1px solid #edf0ec; }
.quotation-list article:last-child[b-bfu703pg8z] { border-bottom: 0; }
.quotation-list article.is-inactive[b-bfu703pg8z] { background: #fafafa; opacity: 0.7; }
.quotation-list blockquote[b-bfu703pg8z] { margin: 0; color: #34463a; font-family: var(--font-heading); font-size: 1.1rem; line-height: 1.45; }
.quotation-list p[b-bfu703pg8z] { margin: 0.35rem 0 0; color: #959c97; font-size: 0.7rem; }
.quotation-actions[b-bfu703pg8z] { display: flex; flex-shrink: 0; gap: 0.4rem; }
.quotation-list button[b-bfu703pg8z] { padding: 0.45rem 0.65rem; border: 1px solid #dedfda; border-radius: 6px; background: #fff; color: #526359; font-size: 0.72rem; }
.quotation-actions .delete-button[b-bfu703pg8z] { border-color: #efd2ce; color: #985047; }
.status-badge[b-bfu703pg8z] { color: #477154; font-weight: 700; }
.is-inactive .status-badge[b-bfu703pg8z] { color: #7d827e; }
.quotation-list button:hover[b-bfu703pg8z] { border-color: #b47767; color: #944d43; }
@media (max-width: 800px) { .manager-grid[b-bfu703pg8z] { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .quotation-list article[b-bfu703pg8z] { align-items: flex-start; flex-direction: column; } .quotation-actions[b-bfu703pg8z] { flex-wrap: wrap; } }
/* /Components/Pages/CollectionHub.razor.rz.scp.css */
.collection-page[b-h3dd2jocpi] { max-width: 1020px; margin-inline: auto; }

.archive-note[b-h3dd2jocpi],
.quran-intro[b-h3dd2jocpi] {
    display: grid;
    grid-template-columns: minmax(150px, 0.35fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 5rem);
    padding: clamp(2rem, 6vw, 4.5rem);
    border-top: 3px solid var(--color-gold);
    background: var(--color-surface);
}

.archive-year[b-h3dd2jocpi],
.availability-note[b-h3dd2jocpi] {
    color: var(--color-gold);
    font-family: var(--font-heading);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.archive-note .section-title[b-h3dd2jocpi],
.quran-intro .section-title[b-h3dd2jocpi] { max-width: 610px; }
.archive-note .editorial-text[b-h3dd2jocpi],
.quran-intro .editorial-text[b-h3dd2jocpi] { max-width: 650px; color: var(--color-muted); }
.availability-note[b-h3dd2jocpi] { display: inline-block; margin-top: 1rem; }

.quran-intro[b-h3dd2jocpi] { grid-template-columns: minmax(0, 1fr) minmax(180px, 0.35fr); }

.theme-list[b-h3dd2jocpi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-left: 1px solid var(--color-border);
}

.theme-list span[b-h3dd2jocpi] {
    width: 100%;
    padding: 0.7rem 0 0.7rem 2rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-green);
    font-family: var(--font-heading);
    letter-spacing: 0.06em;
}

.theme-list span:last-child[b-h3dd2jocpi] { border-bottom: 0; }

.book-feature[b-h3dd2jocpi] {
    display: grid;
    grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
    gap: clamp(3rem, 8vw, 7rem);
    align-items: center;
}

.book-cover-placeholder[b-h3dd2jocpi] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 470px;
    padding: clamp(2rem, 5vw, 3.5rem);
    border: 1px solid var(--color-gold);
    background: var(--color-green-deep);
    box-shadow: var(--shadow-subtle);
    color: var(--color-white);
}

.book-cover-placeholder span[b-h3dd2jocpi],
.book-cover-placeholder small[b-h3dd2jocpi] {
    color: var(--color-gold);
    font-family: var(--font-heading);
    font-size: 0.72rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.book-cover-placeholder strong[b-h3dd2jocpi] {
    font-family: var(--font-heading);
    font-size: clamp(3rem, 7vw, 5.25rem);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 0.95;
}

.book-details .editorial-text[b-h3dd2jocpi] { color: var(--color-muted); }

.price-list[b-h3dd2jocpi] { margin: 2rem 0; border-top: 1px solid var(--color-border); }

.price-row[b-h3dd2jocpi] {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--color-border);
}

.price-row div[b-h3dd2jocpi] { display: flex; flex-direction: column; }
.price-row strong[b-h3dd2jocpi] { color: var(--color-green); font-weight: 600; }
.price-row span[b-h3dd2jocpi] { color: var(--color-muted); font-size: 0.84rem; }
.price-row b[b-h3dd2jocpi] { color: var(--color-gold); font-family: var(--font-heading); font-size: 1.7rem; font-weight: 500; }

.order-note[b-h3dd2jocpi] {
    margin-top: var(--section-space);
    padding: clamp(2rem, 5vw, 3.5rem);
    border-left: 3px solid var(--color-gold);
    background: var(--color-surface);
    scroll-margin-top: 2rem;
}

.order-note .section-title[b-h3dd2jocpi] { font-size: clamp(1.75rem, 3vw, 2.6rem); }
.order-note .editorial-text[b-h3dd2jocpi] { margin-bottom: 0; color: var(--color-muted); }

@media (max-width: 750px) {
    .archive-note[b-h3dd2jocpi],
    .quran-intro[b-h3dd2jocpi],
    .book-feature[b-h3dd2jocpi] { grid-template-columns: 1fr; }
    .theme-list[b-h3dd2jocpi] { border-top: 1px solid var(--color-border); border-left: 0; }
    .theme-list span[b-h3dd2jocpi] { padding-left: 0; }
    .book-cover-placeholder[b-h3dd2jocpi] { max-width: 390px; min-height: 430px; }
}
/* /Components/Pages/DailyQuote.razor.rz.scp.css */
.quote-page[b-wsozw3m5ee] { max-width: 980px; margin-inline: auto; }
.quote-carousel[b-wsozw3m5ee] { position: relative; }
.carousel-meta[b-wsozw3m5ee] { display: flex; justify-content: space-between; margin-bottom: 0.75rem; color: var(--color-muted); font-family: var(--font-heading); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; }
.quotation-card[b-wsozw3m5ee] { position: relative; min-height: 560px; padding: clamp(2rem, 7vw, 4.75rem); overflow: hidden; border-top: 3px solid var(--color-gold); background: var(--color-surface); animation: card-arrive-b-wsozw3m5ee 380ms ease both; }
.quotation-card[b-wsozw3m5ee]::after { position: absolute; top: -3.5rem; right: 1.5rem; color: rgba(176, 138, 62, 0.1); font-family: Georgia, serif; font-size: 17rem; line-height: 1; content: "\201C"; }
.quotation-card__topline[b-wsozw3m5ee] { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 1rem; color: var(--color-muted); font-family: var(--font-heading); font-size: 0.72rem; letter-spacing: 0.11em; text-transform: uppercase; }
blockquote[b-wsozw3m5ee] { position: relative; z-index: 1; display: flex; min-height: 345px; margin: 0; padding: clamp(3rem, 7vw, 5rem) 0; flex-direction: column; justify-content: center; }
blockquote p[b-wsozw3m5ee] { max-width: 760px; margin: 0; color: var(--color-green); font-family: var(--font-heading); font-size: clamp(2.25rem, 6.5vw, 4.9rem); font-weight: 400; letter-spacing: -0.025em; line-height: 1.16; }
blockquote cite[b-wsozw3m5ee] { display: block; margin-top: 2rem; color: var(--color-gold); font-size: 0.77rem; font-style: normal; font-weight: 600; letter-spacing: 0.11em; text-transform: uppercase; }
blockquote cite small[b-wsozw3m5ee] { color: var(--color-muted); font-size: inherit; font-weight: 400; }
.quote-actions[b-wsozw3m5ee] { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center; }
.quote-action[b-wsozw3m5ee] { display: inline-flex; min-height: 42px; padding: 0.6rem 0.9rem; align-items: center; gap: 0.45rem; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-white); color: var(--color-green); font-size: 0.8rem; font-weight: 700; }
.quote-action:hover[b-wsozw3m5ee] { border-color: var(--color-gold); color: #8c682c; }
.quote-action--primary[b-wsozw3m5ee] { border-color: var(--color-green); background: var(--color-green); color: var(--color-white); }
.quote-action--primary:hover[b-wsozw3m5ee] { background: var(--color-gold); color: var(--color-white); }
.action-status[b-wsozw3m5ee] { margin-left: 0.25rem; color: var(--color-green); font-size: 0.8rem; }
.carousel-controls[b-wsozw3m5ee] { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 1rem; align-items: center; margin-top: 1.35rem; }
.carousel-arrow[b-wsozw3m5ee] { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-white); color: var(--color-green); font-size: 1.15rem; }
.carousel-arrow:hover[b-wsozw3m5ee] { border-color: var(--color-gold); color: var(--color-gold); }
.carousel-dots[b-wsozw3m5ee] { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.carousel-dot[b-wsozw3m5ee] { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #d4d6d1; transition: width 180ms ease, background-color 180ms ease; }
.carousel-dot.is-active[b-wsozw3m5ee] { width: 28px; background: var(--color-gold); }
.carousel-progress[b-wsozw3m5ee] { height: 2px; margin: 1.25rem 44px 0; overflow: hidden; background: var(--color-border); }
.carousel-progress span[b-wsozw3m5ee] { display: block; width: 100%; height: 100%; background: var(--color-gold); transform-origin: left; animation: progress-b-wsozw3m5ee 10s linear both; }
.carousel-hint[b-wsozw3m5ee] { margin: 0.7rem 0 0; color: var(--color-muted); font-size: 0.72rem; text-align: center; }
.quote-empty[b-wsozw3m5ee] { padding: 4rem 2rem; text-align: center; }
.quote-empty > span[b-wsozw3m5ee] { color: var(--color-gold); font-family: Georgia, serif; font-size: 5rem; line-height: 0.7; }
.quote-empty h2[b-wsozw3m5ee] { margin: 1rem 0 0.5rem; }
.quote-empty p[b-wsozw3m5ee] { margin: 0; color: var(--color-muted); }
@keyframes card-arrive-b-wsozw3m5ee { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: none; } }
@keyframes progress-b-wsozw3m5ee { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 575px) { .quotation-card[b-wsozw3m5ee] { min-height: 520px; padding: 1.6rem; } blockquote[b-wsozw3m5ee] { min-height: 330px; padding-block: 2.5rem; } .quote-actions[b-wsozw3m5ee] { align-items: stretch; } .quote-action[b-wsozw3m5ee] { justify-content: center; flex: 1 1 calc(50% - 0.65rem); } .quote-action--primary[b-wsozw3m5ee] { flex-basis: 100%; } .action-status[b-wsozw3m5ee] { width: 100%; margin: 0.25rem 0 0; } }
@media (prefers-reduced-motion: reduce) { .quotation-card[b-wsozw3m5ee], .carousel-progress span[b-wsozw3m5ee] { animation: none; } }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-xxpaofxawl] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(3rem, 8vw, 7rem);
    align-items: center;
}

.hero-copy[b-xxpaofxawl] { padding-block: clamp(1rem, 4vw, 3rem); }
.hero-copy .page-intro[b-xxpaofxawl] { margin-bottom: 1rem; }

.home-signature[b-xxpaofxawl] {
    margin: 0 0 2rem;
    color: var(--color-green);
    font-family: var(--font-heading);
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.04em;
}

.home-signature span[b-xxpaofxawl] { color: var(--color-muted); font-family: var(--font-body); font-size: 0.88rem; font-weight: 400; }

.featured-words[b-xxpaofxawl] {
    position: relative;
    min-width: 0;
    padding: clamp(2rem, 5vw, 3.75rem);
    overflow: hidden;
    border-top: 3px solid var(--color-gold);
    background: var(--color-surface);
}

.featured-words[b-xxpaofxawl]::before {
    position: absolute;
    top: -1.5rem;
    right: 1.25rem;
    color: rgba(176, 138, 62, 0.11);
    font-family: Georgia, serif;
    font-size: 10rem;
    line-height: 1;
    content: "\201C";
}

.featured-label[b-xxpaofxawl] {
    position: relative;
    z-index: 1;
    color: var(--color-muted);
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.featured-empty[b-xxpaofxawl] { min-height: 235px; margin: 0; padding-block: 4rem; color: var(--color-muted); font-size: 1.05rem; }

blockquote[b-xxpaofxawl] { min-height: 235px; margin: 0; padding: 3rem 0 2.25rem; }

blockquote p[b-xxpaofxawl] {
    position: relative;
    max-width: 390px;
    margin: 0;
    color: var(--color-green);
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 400;
    letter-spacing: -0.015em;
    line-height: 1.25;
}

blockquote cite[b-xxpaofxawl] {
    display: block;
    margin-top: 1.5rem;
    color: var(--color-gold);
    font-size: 0.78rem;
    font-style: normal;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.collections[b-xxpaofxawl] { border-top: 1px solid var(--color-border); }

.collections-header[b-xxpaofxawl] {
    display: grid;
    grid-template-columns: 1fr minmax(280px, 0.7fr);
    gap: 3rem;
    align-items: end;
    margin-bottom: clamp(2.25rem, 5vw, 4rem);
}

.collections-header .page-kicker[b-xxpaofxawl] { margin-bottom: 0.85rem; }
.collections-header .section-title[b-xxpaofxawl] { margin-bottom: 0; }
.collections-header .editorial-text[b-xxpaofxawl] { margin: 0 0 0.35rem; color: var(--color-muted); }

.collection-grid[b-xxpaofxawl] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: var(--color-border);
}

.collection-item[b-xxpaofxawl] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 355px;
    padding: clamp(1.25rem, 2.3vw, 2rem);
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    transition: background-color 160ms ease;
}

.collection-item:hover[b-xxpaofxawl] { background: var(--color-surface); color: inherit; }

.collection-icon[b-xxpaofxawl] {
    display: flex;
    align-items: center;
    height: 3.25rem;
    margin-bottom: 1.25rem;
    color: var(--color-gold);
    font-family: Georgia, serif;
    font-size: 4.25rem;
    line-height: 1;
}

.collection-icon--small[b-xxpaofxawl] {
    font-family: var(--font-heading);
    font-size: 1.65rem;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.collection-icon--lens[b-xxpaofxawl] {
    position: relative;
    width: 3.25rem;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.collection-icon--lens[b-xxpaofxawl]::after {
    position: absolute;
    inset: 0.75rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    content: "";
}

.collection-icon--book[b-xxpaofxawl] {
    position: relative;
    width: 2.8rem;
    height: 2.4rem;
    border: 1px solid currentColor;
}

.collection-icon--book[b-xxpaofxawl]::before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 50%;
    border-left: 1px solid currentColor;
    content: "";
}

.collection-number[b-xxpaofxawl] {
    margin-bottom: 1.5rem;
    color: var(--color-muted);
    font-family: var(--font-heading);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
}

.collection-item h3[b-xxpaofxawl] { margin-bottom: 0.75rem; font-size: clamp(1.45rem, 2.1vw, 1.9rem); }
.collection-item p[b-xxpaofxawl] { margin: 0 0 2rem; color: var(--color-muted); font-size: 0.92rem; line-height: 1.65; }
.collection-item .text-link[b-xxpaofxawl] { margin-top: auto; font-size: 0.84rem; }

.photography-preview[b-xxpaofxawl] {
    margin-bottom: var(--section-space);
    padding-top: clamp(2.5rem, 6vw, 5rem);
    border-top: 1px solid var(--color-border);
}

.photography-preview__header[b-xxpaofxawl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: end;
    margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.photography-preview__header .page-kicker[b-xxpaofxawl] { margin-bottom: 0.85rem; }
.photography-preview__header .section-title[b-xxpaofxawl] { max-width: 640px; margin-bottom: 0; }
.photography-preview__intro[b-xxpaofxawl] { display: flex; align-items: flex-start; flex-direction: column; gap: 1.25rem; }
.photography-preview__intro .editorial-text[b-xxpaofxawl] { margin: 0; color: var(--color-muted); }

.photography-preview__link[b-xxpaofxawl] {
    display: inline-flex;
    min-height: 42px;
    padding: 0.65rem 1rem;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--color-green);
    border-radius: 4px;
    background: var(--color-green);
    color: var(--color-white);
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
}

.photography-preview__link:hover[b-xxpaofxawl] { border-color: var(--color-gold); background: var(--color-gold); color: var(--color-white); }
.photography-preview__link span[b-xxpaofxawl] { font-size: 1rem; font-weight: 400; }

.photography-preview__gallery[b-xxpaofxawl] { max-width: 1080px; margin-inline: auto; }

.photography-preview__meta[b-xxpaofxawl] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    color: var(--color-muted);
    font-family: var(--font-heading);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.photography-preview__stage[b-xxpaofxawl] {
    display: flex;
    width: min(100%, 820px);
    margin: 0 auto;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    border-top: 3px solid var(--color-gold);
    background: var(--color-surface);
    animation: photography-preview-arrive-b-xxpaofxawl 280ms ease both;
}

.photography-preview__stage img[b-xxpaofxawl] {
    display: block;
    width: 100%;
    height: min(67vw, 600px);
    object-fit: contain;
    object-position: center;
    background: #f3f2ed;
    user-select: none;
}

.photography-preview__stage figcaption[b-xxpaofxawl] {
    width: 100%;
    min-height: 64px;
    padding: 1rem 1.35rem;
    border-top: 1px solid var(--color-border);
    color: var(--color-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.photography-preview__controls[b-xxpaofxawl] { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 1rem; align-items: center; margin-top: 1.35rem; }
.photography-preview__arrow[b-xxpaofxawl] { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-white); color: var(--color-green); font-size: 1.15rem; }
.photography-preview__arrow:hover[b-xxpaofxawl] { border-color: var(--color-gold); color: var(--color-gold); }
.photography-preview__dots[b-xxpaofxawl] { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.photography-preview__dot[b-xxpaofxawl] { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #d4d6d1; transition: width 180ms ease, background-color 180ms ease; }
.photography-preview__dot.is-active[b-xxpaofxawl] { width: 28px; background: var(--color-gold); }
.photography-preview__action[b-xxpaofxawl] { display: flex; justify-content: center; margin-top: clamp(1.75rem, 4vw, 2.5rem); }

.photography-preview__empty[b-xxpaofxawl] {
    padding: 2.5rem;
    border-top: 2px solid var(--color-gold);
    text-align: center;
}

.photography-preview__empty p[b-xxpaofxawl] { margin: 0 0 0.75rem; color: var(--color-muted); }

@keyframes photography-preview-arrive-b-xxpaofxawl { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
    .photography-preview__stage[b-xxpaofxawl] { animation: none; }
}

@media (max-width: 1050px) {
    .collection-grid[b-xxpaofxawl] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .home-hero[b-xxpaofxawl] { grid-template-columns: 1fr; gap: 1rem; }
    .hero-copy[b-xxpaofxawl] { padding-bottom: 2rem; }
    .featured-words[b-xxpaofxawl] { max-width: 650px; }
}

@media (max-width: 700px) {
    .collections-header[b-xxpaofxawl] { grid-template-columns: 1fr; gap: 0.5rem; }
    .collection-grid[b-xxpaofxawl] { grid-template-columns: 1fr; }
    .collection-item[b-xxpaofxawl] { min-height: 0; }
    .collection-icon[b-xxpaofxawl] { margin-bottom: 1rem; }
    .photography-preview__header[b-xxpaofxawl] { grid-template-columns: 1fr; gap: 1rem; }
}

@media (max-width: 575px) {
    .featured-words[b-xxpaofxawl] { padding: 1.75rem; }
    blockquote[b-xxpaofxawl] { min-height: 215px; padding-top: 2.5rem; }
    .home-signature span[b-xxpaofxawl] { display: block; margin-top: 0.2rem; }
    .photography-preview__stage img[b-xxpaofxawl] { height: 70vw; }
    .photography-preview__controls[b-xxpaofxawl] { gap: 0.65rem; }
}
/* /Components/Pages/PathwayToQuran.razor.rz.scp.css */
.pathway-page[b-m28nfvvgf7] { max-width: 1000px; margin-inline: auto; }
.pathway-list[b-m28nfvvgf7] { display: flex; flex-direction: column; gap: 1rem; }
.pathway-card[b-m28nfvvgf7] { display: grid; grid-template-columns: 110px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-white); box-shadow: 0 8px 28px rgba(37, 53, 43, 0.035); transition: border-color 180ms ease, box-shadow 180ms ease; }
.pathway-card:hover[b-m28nfvvgf7], .pathway-card.is-open[b-m28nfvvgf7] { border-color: rgba(176, 138, 62, 0.55); box-shadow: var(--shadow-subtle); }
.pathway-number[b-m28nfvvgf7] { display: flex; align-items: flex-start; justify-content: center; padding: 1.65rem 0.6rem; border-right: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-gold); font-family: var(--font-heading); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.pathway-card__header[b-m28nfvvgf7] { display: flex; min-height: 88px; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem clamp(1.25rem, 4vw, 2rem); }
.pathway-title-button[b-m28nfvvgf7] { padding: 0; border: 0; background: transparent; color: var(--color-green); font-family: var(--font-heading); font-size: clamp(1.45rem, 3vw, 2rem); font-weight: 500; text-align: left; }
.pathway-title-button:hover[b-m28nfvvgf7] { color: var(--color-gold); }
.pathway-card__actions[b-m28nfvvgf7] { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: flex-end; }
.pathway-toggle[b-m28nfvvgf7], .pathway-listen[b-m28nfvvgf7] { display: inline-flex; min-width: 82px; min-height: 40px; padding: 0.55rem 0.8rem; align-items: center; justify-content: center; gap: 0.55rem; border: 1px solid var(--color-border); border-radius: 3px; background: transparent; color: var(--color-green); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.pathway-toggle:hover[b-m28nfvvgf7], .pathway-listen:hover[b-m28nfvvgf7], .is-open .pathway-toggle[b-m28nfvvgf7] { border-color: var(--color-gold); color: var(--color-gold); }
.pathway-toggle span[b-m28nfvvgf7], .pathway-listen span[b-m28nfvvgf7] { font-size: 1rem; font-weight: 400; }
.pathway-listen-status[b-m28nfvvgf7] { flex-basis: 100%; color: var(--color-green); font-size: 0.72rem; text-align: right; }
.pathway-content[b-m28nfvvgf7] { padding: clamp(1.5rem, 4vw, 2.25rem); border-top: 1px solid var(--color-border); background: #fdfcf9; animation: pathway-reveal-b-m28nfvvgf7 240ms ease both; }
.pathway-story[b-m28nfvvgf7] { color: var(--color-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1rem, 2vw, 1.15rem); line-height: 1.9; }
.pathway-story[b-m28nfvvgf7]  strong { color: var(--color-green); font-weight: 700; }
.pathway-story[b-m28nfvvgf7]  em { font-style: italic; }
.pathway-source[b-m28nfvvgf7] { margin-top: 2rem; padding-top: 1.15rem; border-top: 1px solid var(--color-border); }
.pathway-source p[b-m28nfvvgf7], .pathway-source time[b-m28nfvvgf7] { display: block; margin: 0; color: var(--color-green); font-size: 0.88rem; line-height: 1.65; }
.pathway-source time[b-m28nfvvgf7] { margin-top: 0.4rem; color: var(--color-gold); font-family: var(--font-heading); font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; }
.pathway-footer[b-m28nfvvgf7] { margin-top: 2rem; padding: 1.25rem 1.5rem; border-left: 3px solid var(--color-gold); background: var(--color-surface); color: var(--color-muted); white-space: pre-line; }
.pathway-empty[b-m28nfvvgf7] { padding: 4rem 2rem; text-align: center; }
.pathway-empty > span[b-m28nfvvgf7] { color: var(--color-gold); font-family: var(--font-heading); font-size: 2rem; }
.pathway-empty h2[b-m28nfvvgf7] { margin: 1rem 0 0.5rem; }
.pathway-empty p[b-m28nfvvgf7] { margin: 0; color: var(--color-muted); }
@keyframes pathway-reveal-b-m28nfvvgf7 { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .pathway-card[b-m28nfvvgf7] { grid-template-columns: 78px minmax(0, 1fr); } .pathway-number[b-m28nfvvgf7] { padding-inline: 0.35rem; font-size: 0.68rem; } .pathway-card__header[b-m28nfvvgf7] { align-items: flex-start; flex-direction: column; } .pathway-card__actions[b-m28nfvvgf7] { justify-content: flex-start; } .pathway-listen-status[b-m28nfvvgf7] { text-align: left; } }
/* /Components/Pages/Photography.razor.rz.scp.css */
.photography-page[b-c29o4ux5ae] { max-width: 1080px; margin-inline: auto; }
.photography-meta[b-c29o4ux5ae] { display: flex; justify-content: space-between; margin-bottom: 0.75rem; color: var(--color-muted); font-family: var(--font-heading); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; }
.photography-card[b-c29o4ux5ae] { display: flex; width: min(100%, 820px); margin-inline: auto; overflow: hidden; flex-direction: column; align-items: center; border-top: 3px solid var(--color-gold); background: var(--color-surface); }
.photography-card :deep(.ant-image)[b-c29o4ux5ae], .photography-card :deep(.ant-image-img)[b-c29o4ux5ae] { display: block; width: 100%; }
.photography-card :deep(.ant-image)[b-c29o4ux5ae] { margin-inline: auto; }
.photography-card :deep(.ant-image-img)[b-c29o4ux5ae] { height: min(67vw, 600px); object-fit: contain; object-position: center; background: #f3f2ed; }
.photography-card__footer[b-c29o4ux5ae] { display: flex; width: 100%; min-height: 72px; gap: 1rem; align-items: center; justify-content: space-between; padding: 1rem 1.35rem; }
.photography-card p[b-c29o4ux5ae] { margin: 0; color: var(--color-muted); font-size: 0.9rem; }
.photography-download[b-c29o4ux5ae] { display: inline-flex; min-height: 40px; padding: 0.55rem 0.8rem; flex-shrink: 0; align-items: center; gap: 0.45rem; border: 1px solid var(--color-green); border-radius: 4px; background: var(--color-green); color: var(--color-white); font-size: 0.76rem; font-weight: 700; text-decoration: none; }
.photography-download:hover[b-c29o4ux5ae] { border-color: var(--color-gold); background: var(--color-gold); color: var(--color-white); }
.photography-controls[b-c29o4ux5ae] { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 1rem; align-items: center; margin-top: 1.35rem; }
.photography-arrow[b-c29o4ux5ae] { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-white); color: var(--color-green); font-size: 1.15rem; }
.photography-arrow:hover[b-c29o4ux5ae] { border-color: var(--color-gold); color: var(--color-gold); }
.photography-dots[b-c29o4ux5ae] { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.photography-dot[b-c29o4ux5ae] { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #d4d6d1; transition: width 180ms ease, background-color 180ms ease; }
.photography-dot.is-active[b-c29o4ux5ae] { width: 28px; background: var(--color-gold); }
.photography-empty[b-c29o4ux5ae] { padding: 4rem 2rem; text-align: center; }
.photography-empty h2[b-c29o4ux5ae] { margin-bottom: 0.5rem; }
.photography-empty p[b-c29o4ux5ae] { margin: 0; color: var(--color-muted); }
@media (max-width: 575px) { .photography-card :deep(.ant-image-img)[b-c29o4ux5ae] { height: 70vw; } .photography-card__footer[b-c29o4ux5ae] { align-items: flex-start; flex-direction: column; } .photography-controls[b-c29o4ux5ae] { gap: 0.65rem; } }
/* /Components/Pages/Poems.razor.rz.scp.css */
.poems-page[b-0jna20kvsl] { max-width: 1000px; margin-inline: auto; }
.poem-list[b-0jna20kvsl] { display: flex; flex-direction: column; gap: 1rem; }
.poem-card[b-0jna20kvsl] { display: grid; grid-template-columns: 110px minmax(0, 1fr); overflow: hidden; scroll-margin-top: 1.5rem; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-white); box-shadow: 0 8px 28px rgba(37, 53, 43, 0.035); transition: border-color 180ms ease, box-shadow 180ms ease; }
.poem-card:hover[b-0jna20kvsl], .poem-card.is-open[b-0jna20kvsl] { border-color: rgba(176, 138, 62, 0.55); box-shadow: var(--shadow-subtle); }
.poem-year[b-0jna20kvsl] { display: flex; align-items: flex-start; justify-content: center; padding: 1.65rem 1rem; border-right: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-gold); font-family: var(--font-heading); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.13em; }
.poem-card__header[b-0jna20kvsl] { display: flex; min-height: 88px; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem clamp(1.25rem, 4vw, 2rem); }
.poem-title-button[b-0jna20kvsl] { padding: 0; border: 0; background: transparent; color: var(--color-green); font-family: var(--font-heading); font-size: clamp(1.45rem, 3vw, 2rem); font-weight: 500; line-height: 1.2; text-align: left; }
.poem-title-button:hover[b-0jna20kvsl] { color: var(--color-gold); }
.poem-card__actions[b-0jna20kvsl] { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: flex-end; }
.poem-toggle[b-0jna20kvsl], .poem-share[b-0jna20kvsl], .poem-listen[b-0jna20kvsl] { display: inline-flex; min-width: 82px; min-height: 40px; padding: 0.55rem 0.8rem; align-items: center; justify-content: center; gap: 0.55rem; border: 1px solid var(--color-border); border-radius: 3px; background: transparent; color: var(--color-green); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.poem-toggle:hover[b-0jna20kvsl], .poem-share:hover[b-0jna20kvsl], .poem-listen:hover[b-0jna20kvsl], .is-open .poem-toggle[b-0jna20kvsl] { border-color: var(--color-gold); color: var(--color-gold); }
.poem-toggle span[b-0jna20kvsl], .poem-share span[b-0jna20kvsl], .poem-listen span[b-0jna20kvsl] { font-size: 1rem; font-weight: 400; }
.tale-action-status[b-0jna20kvsl] { flex-basis: 100%; color: var(--color-green); font-size: 0.72rem; text-align: right; }
.poem-content[b-0jna20kvsl] { padding: clamp(1.5rem, 4vw, 2.25rem); border-top: 1px solid var(--color-border); background: #fdfcf9; animation: reveal-b-0jna20kvsl 240ms ease both; }
.poem-line[b-0jna20kvsl] { min-height: 1.6em; margin: 0 0 0.55rem; color: var(--color-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1rem, 2vw, 1.15rem); line-height: 1.65; }
.poem-story[b-0jna20kvsl] { line-height: 1.9; }
.poem-story[b-0jna20kvsl]  strong { color: var(--color-green); font-weight: 700; }
.poem-story[b-0jna20kvsl]  em { font-style: italic; }
.poem-line--blank[b-0jna20kvsl] { height: 1.25rem; min-height: 1.25rem; margin: 0; }
.poem-close[b-0jna20kvsl] { display: inline-flex; margin-top: 1.5rem; padding: 0.55rem 0; align-items: center; gap: 0.55rem; border: 0; border-bottom: 1px solid var(--color-gold); background: transparent; color: var(--color-green); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.poems-empty[b-0jna20kvsl] { padding: 4rem 2rem; text-align: center; }
.poems-empty > span[b-0jna20kvsl] { color: var(--color-gold); font-family: var(--font-heading); font-size: 2rem; }
.poems-empty h2[b-0jna20kvsl] { margin: 1rem 0 0.5rem; }
.poems-empty p[b-0jna20kvsl] { margin: 0; color: var(--color-muted); }
@keyframes reveal-b-0jna20kvsl { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .poem-card[b-0jna20kvsl] { grid-template-columns: 72px minmax(0, 1fr); } .poem-year[b-0jna20kvsl] { padding-inline: 0.5rem; } .poem-card__header[b-0jna20kvsl] { align-items: flex-start; flex-direction: column; } .poem-card__actions[b-0jna20kvsl] { justify-content: flex-start; } .poem-toggle[b-0jna20kvsl], .poem-share[b-0jna20kvsl], .poem-listen[b-0jna20kvsl] { min-width: 76px; } .tale-action-status[b-0jna20kvsl] { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .poem-content[b-0jna20kvsl] { animation: none; } }
/* /Components/Shared/DeleteConfirmation.razor.rz.scp.css */
.delete-dialog-backdrop[b-v55ktmrwr5] { position:fixed; inset:0; z-index:3000; display:grid; padding:1rem; place-items:center; background:rgba(20,31,24,.68); backdrop-filter:blur(4px); }
.delete-dialog[b-v55ktmrwr5] { position:relative; width:min(100%,410px); padding:2rem; border:1px solid #decba5; border-radius:14px; background:#fff; box-shadow:0 28px 80px rgba(18,31,22,.35); }
.delete-dialog__close[b-v55ktmrwr5] { position:absolute; top:.8rem; right:.8rem; display:grid; width:34px; height:34px; padding:0; place-items:center; border:1px solid #e0e4df; border-radius:50%; background:#fff; color:#526359; font-size:1.2rem; cursor:pointer; }
.delete-dialog__icon[b-v55ktmrwr5] { display:grid; width:48px; height:48px; margin-bottom:1rem; place-items:center; border-radius:50%; background:#f8e9e6; color:#985047; font-family:var(--font-heading); font-size:1.35rem; font-weight:600; }
.delete-dialog__eyebrow[b-v55ktmrwr5] { color:#985047; font-size:.66rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.delete-dialog h2[b-v55ktmrwr5] { margin:.3rem 0 .45rem; color:#263d30; font-size:1.7rem; }
.delete-dialog p[b-v55ktmrwr5] { margin:0 0 1.25rem; color:#737d76; font-size:.84rem; line-height:1.55; }
.delete-dialog__actions[b-v55ktmrwr5] { display:flex; justify-content:flex-end; gap:.55rem; margin-top:.5rem; }
.delete-dialog__actions button[b-v55ktmrwr5] { min-height:40px; padding:.55rem .8rem; border-radius:6px; font-size:.73rem; font-weight:700; cursor:pointer; }
.delete-dialog__actions button:disabled[b-v55ktmrwr5] { cursor:not-allowed; opacity:.58; }
.delete-dialog__cancel[b-v55ktmrwr5] { border:1px solid #d8ddd7; background:#fff; color:#526359; }
.delete-dialog__confirm[b-v55ktmrwr5] { border:1px solid #985047; background:#985047; color:#fff; }
.delete-dialog__confirm:hover:not(:disabled)[b-v55ktmrwr5] { border-color:#7e4039; background:#7e4039; }
@media(max-width:480px){.delete-dialog[b-v55ktmrwr5]{padding:1.6rem 1.25rem}.delete-dialog__actions[b-v55ktmrwr5]{align-items:stretch;flex-direction:column-reverse}.delete-dialog__actions button[b-v55ktmrwr5]{width:100%}}