/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-tq09wzie3k] { min-height: 100vh; display: flex; background: #f5f7f3; }
.sidebar[b-tq09wzie3k] { width: 270px; min-height: 100vh; position: sticky; top: 0; align-self: flex-start; background: #12372a; }
.main-panel[b-tq09wzie3k] { flex: 1; min-width: 0; }
.topbar[b-tq09wzie3k] { height: 78px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 10; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); border-bottom: 1px solid #e6eae3; }
.topbar-title[b-tq09wzie3k] { font-weight: 800; color: #173a2d; }
.topbar-date[b-tq09wzie3k] { color: #78827b; font-size: .78rem; margin-top: .15rem; }
.topbar-actions[b-tq09wzie3k], .user-summary[b-tq09wzie3k] { display: flex; align-items: center; gap: .75rem; }
.notification-button[b-tq09wzie3k] { width: 42px; height: 42px; border-radius: 12px; border: 1px solid #e3e9e2; background: #fff; color: #173a2d; position: relative; font-size: 1.3rem; }
.notification-dot[b-tq09wzie3k] { position: absolute; top: 9px; left: 9px; width: 7px; height: 7px; border-radius: 50%; background: #d9922e; border: 2px solid #fff; }
.avatar[b-tq09wzie3k] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: #c48a34; font-weight: 800; }
.user-summary strong[b-tq09wzie3k] { display: block; color: #173a2d; font-size: .88rem; max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
.user-summary a[b-tq09wzie3k] { color: #7a857d; font-size: .74rem; text-decoration: none; }
.content-area[b-tq09wzie3k] { max-width: 1500px; margin-inline: auto; padding-top: 2rem; padding-bottom: 3rem; }
#blazor-error-ui[b-tq09wzie3k] { color-scheme: light only; background: #fff3cd; bottom: 0; box-shadow: 0 -1px 8px rgba(0,0,0,.15); display: none; inset-inline: 0; padding: .8rem 1.25rem; position: fixed; z-index: 1000; }
#blazor-error-ui .dismiss[b-tq09wzie3k] { cursor: pointer; position: absolute; inset-inline-end: .75rem; }
@media (max-width: 800px) { .app-shell[b-tq09wzie3k] { display: block; } .sidebar[b-tq09wzie3k] { width: 100%; min-height: auto; position: relative; } .topbar[b-tq09wzie3k] { height: 68px; } .topbar-date[b-tq09wzie3k], .user-summary div[b-tq09wzie3k] { display: none; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-g207n7czxu] { min-height: 78px; display: flex; align-items: center; padding: 0 1.25rem; border-bottom: 1px solid rgba(255,255,255,.09); }
.brand[b-g207n7czxu] { display: flex; align-items: center; gap: .75rem; color: #fff; text-decoration: none; }
.brand-mark[b-g207n7czxu] { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #d39a43; font-size: 1.3rem; font-weight: 900; }
.brand strong[b-g207n7czxu], .brand small[b-g207n7czxu] { display: block; }.brand strong[b-g207n7czxu] { font-size: 1.1rem; }.brand small[b-g207n7czxu] { color: #a9bdb3; font-size: .68rem; margin-top: .1rem; }
.menu-toggle[b-g207n7czxu] { display: none; margin-inline-start: auto; width: 2.5rem; height: 2.25rem; appearance: none; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; background: linear-gradient(#fff,#fff) center 9px/18px 2px no-repeat, linear-gradient(#fff,#fff) center 16px/18px 2px no-repeat, linear-gradient(#fff,#fff) center 23px/18px 2px no-repeat; }
.nav-scrollable[b-g207n7czxu] { height: calc(100vh - 78px); overflow-y: auto; }.nav[b-g207n7czxu] { min-height: 100%; padding: 1.25rem 1rem; }
.section-label[b-g207n7czxu] { color: #7f9c8e; font-size: .68rem; font-weight: 700; padding: .8rem .75rem .5rem; }
.nav[b-g207n7czxu]  .nav-link, .logout[b-g207n7czxu] { color: #c9d8d1; border: 0; background: transparent; border-radius: 11px; min-height: 46px; display: flex; align-items: center; gap: .7rem; padding: .65rem .8rem; width: 100%; text-align: right; font-size: .88rem; text-decoration: none; }
.nav[b-g207n7czxu]  .nav-link:hover, .nav[b-g207n7czxu]  .nav-link.active, .logout:hover[b-g207n7czxu] { color: #fff; background: rgba(255,255,255,.1); }.nav[b-g207n7czxu]  .nav-link.active { box-shadow: inset -3px 0 #d39a43; }
.nav-icon[b-g207n7czxu] { width: 24px; text-align: center; font-size: 1.15rem; }.nav-spacer[b-g207n7czxu] { flex: 1; min-height: 2rem; }
@media (max-width: 800px) { .menu-toggle[b-g207n7czxu] { display: block; } .nav-scrollable[b-g207n7czxu] { display: none; height: auto; } .menu-toggle:checked ~ *[b-g207n7czxu] { display: block; } .brand-row:has(.menu-toggle:checked) + .nav-scrollable[b-g207n7czxu] { display: block; } .nav[b-g207n7czxu] { min-height: auto; } }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-gcqxntjsoj],
.components-reconnect-repeated-attempt-visible[b-gcqxntjsoj],
.components-reconnect-failed-visible[b-gcqxntjsoj],
.components-pause-visible[b-gcqxntjsoj],
.components-resume-failed-visible[b-gcqxntjsoj],
.components-rejoining-animation[b-gcqxntjsoj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-retrying[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-failed[b-gcqxntjsoj],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-gcqxntjsoj] {
    display: block;
}


#components-reconnect-modal[b-gcqxntjsoj] {
    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-gcqxntjsoj 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-gcqxntjsoj 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-gcqxntjsoj 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-gcqxntjsoj]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-gcqxntjsoj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-gcqxntjsoj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-gcqxntjsoj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-gcqxntjsoj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-gcqxntjsoj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-gcqxntjsoj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-gcqxntjsoj] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-gcqxntjsoj] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-gcqxntjsoj] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-gcqxntjsoj] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-gcqxntjsoj] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-gcqxntjsoj 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-gcqxntjsoj] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-gcqxntjsoj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdministrationAttendance.razor.rz.scp.css */
.attendance-filter-panel[b-i8tnmoxr2y] {
    padding: 1rem;
}

.barcode-attendance-panel[b-i8tnmoxr2y] {
    background: #fff;
    border: 1px solid #cfe0d6;
    border-inline-start: 5px solid #1f7a4d;
    border-radius: 1rem;
    box-shadow: 0 8px 24px rgba(23, 63, 44, .06);
    padding: 1rem 1.25rem;
}

.barcode-panel-heading[b-i8tnmoxr2y] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.barcode-panel-heading h2[b-i8tnmoxr2y] { color: #123e31; font-size: 1.05rem; font-weight: 800; margin: 0 0 .25rem; }
.barcode-panel-heading p[b-i8tnmoxr2y] { color: #5f7067; margin: 0; }
.scan-context[b-i8tnmoxr2y] { background: #edf5f0; border-radius: 2rem; color: #245d44; flex: 0 0 auto; font-size: .78rem; font-weight: 700; padding: .4rem .75rem; }

.barcode-entry[b-i8tnmoxr2y] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(16rem, 1fr) auto auto;
    margin-top: 1rem;
}

.barcode-input-group[b-i8tnmoxr2y] { display: grid; gap: .35rem; }
.barcode-input-group label[b-i8tnmoxr2y] { color: #314b3f; font-size: .82rem; font-weight: 700; }
.barcode-input-group .form-control[b-i8tnmoxr2y] { direction: ltr; font-family: Consolas, monospace; font-size: 1rem; text-align: left; }
.scan-submit[b-i8tnmoxr2y], .camera-button[b-i8tnmoxr2y] { min-height: 44px; min-width: 9.5rem; }

.barcode-result[b-i8tnmoxr2y] {
    border-radius: .75rem;
    display: grid;
    gap: .15rem;
    margin-top: .85rem;
    padding: .75rem 1rem;
}

.barcode-result.success[b-i8tnmoxr2y] { background: #e9f6ee; border: 1px solid #9fd2b3; color: #155d37; }
.barcode-result.duplicate[b-i8tnmoxr2y] { background: #fff6de; border: 1px solid #e7c970; color: #745610; }
.barcode-result.error[b-i8tnmoxr2y] { background: #fbedeb; border: 1px solid #e4aaa3; color: #8b3028; }
.barcode-result small[b-i8tnmoxr2y] { color: inherit; opacity: .82; }

.camera-scanner[b-i8tnmoxr2y] {
    background: #10251c;
    border-radius: 1rem;
    margin-top: 1rem;
    max-width: 42rem;
    overflow: hidden;
    position: relative;
}

.camera-scanner video[b-i8tnmoxr2y] { display: block; max-height: 24rem; object-fit: cover; width: 100%; }
.camera-scanner p[b-i8tnmoxr2y] { background: rgba(7, 24, 16, .85); bottom: 0; color: #fff; font-size: .8rem; margin: 0; padding: .6rem .8rem; position: absolute; text-align: center; width: 100%; }
.camera-guide[b-i8tnmoxr2y] { border: 3px solid #6fe09d; height: 34%; inset: 28% 8% auto; pointer-events: none; position: absolute; }

.filter-grid[b-i8tnmoxr2y] {
    display: grid;
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
    gap: 1rem;
    align-items: end;
}

.search-filter[b-i8tnmoxr2y] {
    grid-column: span 2;
}

.admin-attendance-summary[b-i8tnmoxr2y] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.admin-attendance-summary > div[b-i8tnmoxr2y] {
    background: #fff;
    border: 1px solid #dce6df;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.admin-attendance-summary strong[b-i8tnmoxr2y] {
    color: #123e31;
    font-size: 1.6rem;
}

.admin-attendance-summary .present[b-i8tnmoxr2y] { border-block-start: 4px solid #1f7a4d; }
.admin-attendance-summary .absent[b-i8tnmoxr2y] { border-block-start: 4px solid #b73b3b; }
.admin-attendance-summary .excused[b-i8tnmoxr2y] { border-block-start: 4px solid #d39b20; }
.admin-attendance-summary .temporary[b-i8tnmoxr2y] { border-block-start: 4px solid #3576a8; }

.volunteer-link[b-i8tnmoxr2y] {
    color: #155c43;
    font-weight: 700;
    text-decoration: none;
}

.volunteer-link:hover[b-i8tnmoxr2y] { text-decoration: underline; }

.attendance-volunteer[b-i8tnmoxr2y] {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 13rem;
}

.attendance-volunteer > div[b-i8tnmoxr2y] {
    display: grid;
}

.attendance-avatar[b-i8tnmoxr2y] {
    background: #edf4ef;
    border: 2px solid #d8e6dd;
    border-radius: 50%;
    flex: 0 0 3.25rem;
    height: 3.25rem;
    object-fit: cover;
    width: 3.25rem;
}

.attendance-avatar-placeholder[b-i8tnmoxr2y] {
    align-items: center;
    color: #2c674d;
    display: inline-flex;
    font-size: 1.1rem;
    font-weight: 800;
    justify-content: center;
}

.attendance-toolbar[b-i8tnmoxr2y] {
    align-items: center;
    background: #f7faf8;
    border-bottom: 1px solid #e4ebe6;
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.selection-summary[b-i8tnmoxr2y] { display: grid; min-width: 180px; }
.selection-summary strong[b-i8tnmoxr2y] { color: #257044; font-size: 1.35rem; }
.selection-summary small[b-i8tnmoxr2y] { color: #718078; }
.attendance-actions[b-i8tnmoxr2y] { display: flex; flex: 1; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.attendance-actions .form-control[b-i8tnmoxr2y] { max-width: 240px; }
.btn-temporary[b-i8tnmoxr2y] { background: #287a82; color: #fff; }
.btn-temporary:hover[b-i8tnmoxr2y] { background: #1f6369; color: #fff; }
.status-badge.temporary[b-i8tnmoxr2y] { background: #e3f3f4; color: #1f6970; }
.scarf-number-input[b-i8tnmoxr2y] { min-width: 120px; }

@media (max-width: 992px) {
    .filter-grid[b-i8tnmoxr2y] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-attendance-summary[b-i8tnmoxr2y] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .attendance-toolbar[b-i8tnmoxr2y] { align-items: stretch; flex-direction: column; }
    .attendance-actions[b-i8tnmoxr2y], .attendance-actions .btn[b-i8tnmoxr2y], .attendance-actions .form-control[b-i8tnmoxr2y] { max-width: none; width: 100%; }
    .barcode-entry[b-i8tnmoxr2y] { grid-template-columns: 1fr 1fr; }
    .barcode-input-group[b-i8tnmoxr2y] { grid-column: 1 / -1; }
}

@media (max-width: 576px) {
    .filter-grid[b-i8tnmoxr2y], .admin-attendance-summary[b-i8tnmoxr2y] { grid-template-columns: 1fr; }
    .search-filter[b-i8tnmoxr2y] { grid-column: auto; }
    .barcode-panel-heading[b-i8tnmoxr2y] { align-items: stretch; flex-direction: column; }
    .scan-context[b-i8tnmoxr2y] { align-self: start; }
    .barcode-entry[b-i8tnmoxr2y] { grid-template-columns: 1fr; }
    .barcode-input-group[b-i8tnmoxr2y] { grid-column: auto; }
    .scan-submit[b-i8tnmoxr2y], .camera-button[b-i8tnmoxr2y] { width: 100%; }
}
/* /Components/Pages/AdministrationVolunteerDetails.razor.rz.scp.css */
.volunteer-file[b-hsvnzayohs] {
    background: #fff;
    border: 1px solid #dfe7e2;
    border-radius: 1.25rem;
    box-shadow: 0 16px 45px rgba(27, 61, 46, .07);
    margin-inline: auto;
    max-width: 1100px;
    overflow: hidden;
}

.file-header[b-hsvnzayohs] {
    align-items: center;
    background: #153c2e;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 1.4rem;
}

.file-brand[b-hsvnzayohs] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.brand-mark[b-hsvnzayohs] {
    background: #c79142;
    border-radius: .75rem;
    display: grid;
    font-size: 1.25rem;
    font-weight: 900;
    height: 2.8rem;
    place-items: center;
    width: 2.8rem;
}

.file-brand strong[b-hsvnzayohs],
.file-brand small[b-hsvnzayohs],
.file-reference span[b-hsvnzayohs],
.file-reference strong[b-hsvnzayohs],
.file-reference small[b-hsvnzayohs] {
    display: block;
}

.file-brand small[b-hsvnzayohs],
.file-reference span[b-hsvnzayohs],
.file-reference small[b-hsvnzayohs] {
    color: #c7d8d0;
    font-size: .72rem;
    margin-top: .16rem;
}

.file-reference[b-hsvnzayohs] {
    text-align: end;
}

.file-reference strong[b-hsvnzayohs] {
    color: #f0c77f;
    font-family: Consolas, monospace;
    letter-spacing: .08em;
}

.identity-banner[b-hsvnzayohs] {
    align-items: center;
    background: linear-gradient(120deg, #f2f7f4, #fff 68%);
    border-bottom: 1px solid #e2e9e5;
    display: grid;
    gap: 1rem;
    grid-template-columns: 7rem 1fr auto;
    padding: 1.4rem;
}

.profile-photo[b-hsvnzayohs] {
    align-items: center;
    background: #e4ece7;
    border: 4px solid #fff;
    border-radius: 1rem;
    box-shadow: 0 5px 16px rgba(31, 67, 51, .12);
    display: flex;
    height: 8rem;
    justify-content: center;
    overflow: hidden;
    width: 7rem;
}

.profile-photo img[b-hsvnzayohs] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.profile-photo span[b-hsvnzayohs] {
    color: #7d8982;
    font-size: .72rem;
}

.identity-title > span[b-hsvnzayohs] {
    color: #7b8881;
    font-size: .75rem;
}

.identity-title h1[b-hsvnzayohs] {
    color: #163c2e;
    font-size: 1.55rem;
    font-weight: 900;
    margin: .25rem 0 .65rem;
}

.identity-meta[b-hsvnzayohs] {
    align-items: center;
    color: #66746d;
    display: flex;
    flex-wrap: wrap;
    font-size: .8rem;
    gap: .55rem 1rem;
}

.identity-meta strong[b-hsvnzayohs] {
    color: #2b5d47;
}

.volunteer-barcode[b-hsvnzayohs] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e9e5;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(9rem, .7fr) minmax(18rem, 1.4fr) minmax(12rem, 1fr);
    padding: .85rem 1.4rem;
}

.volunteer-barcode > div[b-hsvnzayohs] { display: grid; }
.volunteer-barcode strong[b-hsvnzayohs] { color: #173d2f; }
.volunteer-barcode small[b-hsvnzayohs] { color: #718078; }
.volunteer-barcode img[b-hsvnzayohs] { height: 4.5rem; max-width: 100%; width: auto; }
.volunteer-barcode code[b-hsvnzayohs] { color: #33473e; direction: ltr; font-size: .68rem; overflow-wrap: anywhere; text-align: left; }

.file-section[b-hsvnzayohs] {
    padding: 1.25rem 1.4rem;
}

.file-section + .file-section[b-hsvnzayohs] {
    border-top: 1px dashed #d9e2dd;
}

.file-section h2[b-hsvnzayohs] {
    align-items: center;
    color: #173d2f;
    display: flex;
    font-size: .98rem;
    font-weight: 900;
    gap: .55rem;
    margin: 0 0 .9rem;
}

.file-section h2 span[b-hsvnzayohs] {
    color: #bd873a;
    font-family: Consolas, monospace;
    font-size: .78rem;
}

.file-grid[b-hsvnzayohs] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.file-grid > div[b-hsvnzayohs],
.decision-box > div[b-hsvnzayohs] {
    background: #f8faf9;
    border: 1px solid #e3e9e6;
    border-radius: .7rem;
    min-height: 4rem;
    padding: .65rem .75rem;
}

.file-grid small[b-hsvnzayohs],
.decision-box small[b-hsvnzayohs] {
    color: #78847e;
    display: block;
    font-size: .7rem;
    margin-bottom: .24rem;
}

.file-grid strong[b-hsvnzayohs],
.decision-box strong[b-hsvnzayohs] {
    color: #2b4036;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.wide-field[b-hsvnzayohs] {
    grid-column: span 2;
}

.review-timeline[b-hsvnzayohs] {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.review-timeline > div[b-hsvnzayohs] {
    border-inline-start: 3px solid #88aa99;
    display: grid;
    gap: .15rem;
    padding: .35rem .55rem;
}

.review-timeline span[b-hsvnzayohs],
.review-timeline small[b-hsvnzayohs] {
    color: #7b8781;
    font-size: .68rem;
}

.review-timeline strong[b-hsvnzayohs] {
    color: #274437;
    font-size: .76rem;
}

.decision-box[b-hsvnzayohs] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .85rem;
}

.print-document-grid[b-hsvnzayohs] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.print-document[b-hsvnzayohs] {
    background: #f8faf9;
    border: 1px solid #dfe7e3;
    border-radius: .8rem;
    color: #274c3b;
    display: grid;
    gap: .28rem;
    overflow: hidden;
    padding: .55rem;
    text-decoration: none;
}

.print-document img[b-hsvnzayohs],
.document-placeholder[b-hsvnzayohs] {
    background: #e5ece8;
    border-radius: .5rem;
    height: 12rem;
    object-fit: contain;
    width: 100%;
}

.document-placeholder[b-hsvnzayohs] {
    align-items: center;
    color: #ad5148;
    display: flex;
    font-size: 1.4rem;
    font-weight: 900;
    justify-content: center;
}

.print-document strong[b-hsvnzayohs] {
    font-size: .78rem;
}

.print-document small[b-hsvnzayohs],
.empty-documents[b-hsvnzayohs] {
    color: #7b8781;
    font-size: .68rem;
    overflow-wrap: anywhere;
}

.file-footer[b-hsvnzayohs] {
    background: #f1f5f2;
    color: #748079;
    font-size: .68rem;
    padding: .7rem 1.4rem;
    text-align: center;
}

@media (max-width: 850px) {
    .file-grid[b-hsvnzayohs],
    .review-timeline[b-hsvnzayohs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .print-document-grid[b-hsvnzayohs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .identity-banner[b-hsvnzayohs] {
        grid-template-columns: 5.5rem 1fr;
    }

    .identity-banner > .status-badge[b-hsvnzayohs] {
        grid-column: span 2;
        justify-self: start;
    }

    .profile-photo[b-hsvnzayohs] {
        height: 6.5rem;
        width: 5.5rem;
    }

    .file-header[b-hsvnzayohs],
    .identity-meta[b-hsvnzayohs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .file-reference[b-hsvnzayohs] {
        text-align: start;
    }

    .file-grid[b-hsvnzayohs],
    .review-timeline[b-hsvnzayohs],
    .decision-box[b-hsvnzayohs],
    .print-document-grid[b-hsvnzayohs] {
        grid-template-columns: 1fr;
    }

    .wide-field[b-hsvnzayohs] {
        grid-column: auto;
    }

    .volunteer-barcode[b-hsvnzayohs] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .volunteer-file[b-hsvnzayohs] {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        max-width: none;
        overflow: visible;
    }

    .file-header[b-hsvnzayohs] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .identity-banner[b-hsvnzayohs],
    .volunteer-barcode[b-hsvnzayohs],
    .file-section[b-hsvnzayohs],
    .file-grid > div[b-hsvnzayohs],
    .review-timeline > div[b-hsvnzayohs],
    .decision-box > div[b-hsvnzayohs],
    .print-document[b-hsvnzayohs] {
        break-inside: avoid;
    }

    .documents-print-section[b-hsvnzayohs] {
        break-before: page;
    }

    .print-document-grid[b-hsvnzayohs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .print-document img[b-hsvnzayohs],
    .document-placeholder[b-hsvnzayohs] {
        height: 15rem;
    }
}
/* /Components/Pages/AllVolunteers.razor.rz.scp.css */
.registry-panel[b-mfjy41jbfs] {
    overflow: hidden;
}

.registry-toolbar[b-mfjy41jbfs] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 1fr) minmax(13rem, 18rem);
}

.status-filter label[b-mfjy41jbfs] {
    color: var(--muted-color, #66736d);
    display: block;
    font-size: .82rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.registry-summary[b-mfjy41jbfs] {
    align-items: center;
    background: #eef5f0;
    border: 1px solid #dbe9df;
    border-radius: .85rem;
    color: #52635b;
    display: inline-flex;
    gap: .65rem;
    margin: 1rem 1.25rem 0;
    padding: .55rem .8rem;
}

.registry-summary strong[b-mfjy41jbfs] {
    color: #183f31;
    font-size: 1.1rem;
}

.volunteer-records[b-mfjy41jbfs] {
    display: grid;
    gap: .8rem;
    padding: 1rem 1.25rem;
}

.volunteer-record[b-mfjy41jbfs] {
    background: #fff;
    border: 1px solid #dde5e1;
    border-radius: 1rem;
    overflow: hidden;
}

.volunteer-record[open][b-mfjy41jbfs] {
    border-color: #9bb9a9;
    box-shadow: 0 12px 28px rgba(30, 67, 51, .08);
}

.volunteer-record summary[b-mfjy41jbfs] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(14rem, 1.5fr) minmax(10rem, 1fr) auto auto;
    list-style: none;
    padding: 1rem 1.1rem;
}

.volunteer-record summary[b-mfjy41jbfs]::-webkit-details-marker {
    display: none;
}

.record-identity[b-mfjy41jbfs] {
    display: grid;
    gap: .2rem;
}

.record-identity strong[b-mfjy41jbfs] {
    color: #173b2e;
    font-size: 1rem;
}

.record-identity small[b-mfjy41jbfs],
.record-organization[b-mfjy41jbfs] {
    color: #66736d;
}

.record-page-link[b-mfjy41jbfs] {
    background: #eef5f0;
    border-radius: .65rem;
    color: #276c50;
    font-size: .82rem;
    font-weight: 800;
    padding: .55rem .7rem;
    text-align: center;
    text-decoration: none;
}

.record-page-link:hover[b-mfjy41jbfs] {
    background: #dfece5;
}

.record-body[b-mfjy41jbfs] {
    background: #f8faf9;
    border-top: 1px solid #e4ebe7;
    padding: 1.2rem;
}

.record-section + .record-section[b-mfjy41jbfs] {
    border-top: 1px dashed #d6e0db;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
}

.record-section h3[b-mfjy41jbfs] {
    color: #173b2e;
    font-size: .95rem;
    font-weight: 800;
    margin: 0 0 .85rem;
}

.details-grid[b-mfjy41jbfs],
.workflow-grid[b-mfjy41jbfs] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.details-grid > div[b-mfjy41jbfs],
.workflow-grid > div[b-mfjy41jbfs] {
    background: #fff;
    border: 1px solid #e1e8e4;
    border-radius: .75rem;
    display: grid;
    gap: .25rem;
    min-height: 4.3rem;
    padding: .7rem .8rem;
}

.details-grid span[b-mfjy41jbfs],
.workflow-grid span[b-mfjy41jbfs] {
    color: #748079;
    font-size: .76rem;
}

.details-grid strong[b-mfjy41jbfs],
.workflow-grid strong[b-mfjy41jbfs] {
    color: #243a31;
    font-size: .88rem;
    overflow-wrap: anywhere;
}

.workflow-grid small[b-mfjy41jbfs] {
    color: #64736c;
    line-height: 1.55;
}

.decision-reason[b-mfjy41jbfs] {
    grid-column: span 2;
}

.documents-section h3 span[b-mfjy41jbfs] {
    background: #dfece5;
    border-radius: 2rem;
    color: #285a44;
    display: inline-block;
    font-size: .75rem;
    margin-inline-start: .35rem;
    padding: .18rem .5rem;
}

.document-links[b-mfjy41jbfs] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.document-links a[b-mfjy41jbfs] {
    background: #fff;
    border: 1px solid #dce6e1;
    border-radius: .7rem;
    color: #235d45;
    display: grid;
    gap: .2rem;
    padding: .7rem;
    text-decoration: none;
}

.document-links a:hover[b-mfjy41jbfs] {
    border-color: #77a58e;
}

.document-links small[b-mfjy41jbfs],
.no-documents[b-mfjy41jbfs] {
    color: #748079;
    font-size: .75rem;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .details-grid[b-mfjy41jbfs],
    .workflow-grid[b-mfjy41jbfs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .document-links[b-mfjy41jbfs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .registry-toolbar[b-mfjy41jbfs],
    .volunteer-record summary[b-mfjy41jbfs] {
        grid-template-columns: 1fr;
    }

    .volunteer-record summary[b-mfjy41jbfs] {
        gap: .55rem;
    }

    .details-grid[b-mfjy41jbfs],
    .workflow-grid[b-mfjy41jbfs],
    .document-links[b-mfjy41jbfs] {
        grid-template-columns: 1fr;
    }

    .decision-reason[b-mfjy41jbfs] {
        grid-column: auto;
    }

    .record-body[b-mfjy41jbfs],
    .volunteer-records[b-mfjy41jbfs] {
        padding: .85rem;
    }
}
/* /Components/Pages/AttendanceReports.razor.rz.scp.css */
.report-filters[b-olv54e8z1r] { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 1rem; }
.scarf-filter[b-olv54e8z1r] { align-items: center; display: flex; gap: .5rem; }
.filter-actions[b-olv54e8z1r] { align-items: end; display: flex; gap: .5rem; }
.report-summary[b-olv54e8z1r] { display: grid; gap: .75rem; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.report-summary > div[b-olv54e8z1r] { background: #fff; border: 1px solid #dce6df; border-radius: 1rem; display: grid; padding: 1rem; }
.report-summary strong[b-olv54e8z1r] { color: #173f2c; font-size: 1.5rem; }
.report-summary .present[b-olv54e8z1r] { border-top: 4px solid #2f8a55; }
.report-summary .absent[b-olv54e8z1r] { border-top: 4px solid #b54a3b; }
.report-summary .excused[b-olv54e8z1r] { border-top: 4px solid #d39a2d; }
.report-summary .temporary[b-olv54e8z1r] { border-top: 4px solid #287a82; }
.print-report-heading[b-olv54e8z1r] { display: none; text-align: center; }
.entry-list[b-olv54e8z1r] { display: grid; gap: .4rem; margin-top: .6rem; min-width: 650px; }
.entry-row[b-olv54e8z1r] { align-items: center; background: #f7faf8; border-radius: .5rem; display: grid; font-size: .75rem; gap: .5rem; grid-template-columns: 90px 130px 1fr 90px 120px 1fr; padding: .5rem; }
details summary[b-olv54e8z1r] { color: #176043; cursor: pointer; font-weight: 700; }

@media (max-width: 992px) { .report-filters[b-olv54e8z1r] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-summary[b-olv54e8z1r] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 576px) { .report-filters[b-olv54e8z1r], .report-summary[b-olv54e8z1r] { grid-template-columns: 1fr; } }

@media print {
    .attendance-report-page[b-olv54e8z1r] { color: #111; }
    .print-report-heading[b-olv54e8z1r] { display: block; margin-bottom: 1rem; }
    .print-report-heading h1[b-olv54e8z1r] { font-size: 1.4rem; font-weight: 800; }
    .report-summary[b-olv54e8z1r] { grid-template-columns: repeat(6, 1fr); }
    .report-summary > div[b-olv54e8z1r] { border-radius: 0; padding: .5rem; }
    .report-summary strong[b-olv54e8z1r] { font-size: 1rem; }
    .report-table th[b-olv54e8z1r], .report-table td[b-olv54e8z1r] { font-size: .68rem; padding: .35rem; }
    details > *[b-olv54e8z1r] { display: block !important; }
    details summary[b-olv54e8z1r] { display: none !important; }
    .entry-list[b-olv54e8z1r] { min-width: 0; }
    .entry-row[b-olv54e8z1r] { background: transparent; border-bottom: 1px solid #ddd; font-size: .62rem; grid-template-columns: 70px 100px 1fr 70px 90px 1fr; }
}
/* /Components/Pages/DailyDistribution.razor.rz.scp.css */
.batch-toolbar[b-1d9gmn66cf] {
    align-items: center;
    background: #f7faf8;
    border-bottom: 1px solid #e4ebe6;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.selection-summary[b-1d9gmn66cf] {
    display: grid;
    min-width: 180px;
}

.selection-summary strong[b-1d9gmn66cf] {
    color: #257044;
    font-size: 1.35rem;
}

.selection-summary small[b-1d9gmn66cf] {
    color: #718078;
}

.batch-actions[b-1d9gmn66cf] {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.batch-actions .form-select[b-1d9gmn66cf],
.batch-actions .form-control[b-1d9gmn66cf] {
    max-width: 240px;
}

.selection-column[b-1d9gmn66cf] {
    text-align: center;
    width: 64px;
}

@media (max-width: 991.98px) {
    .batch-toolbar[b-1d9gmn66cf] {
        align-items: stretch;
        flex-direction: column;
    }

    .batch-actions[b-1d9gmn66cf],
    .batch-actions .btn[b-1d9gmn66cf],
    .batch-actions .form-control[b-1d9gmn66cf],
    .batch-actions .form-select[b-1d9gmn66cf] {
        max-width: none;
        width: 100%;
    }
}
/* /Components/Pages/DailyNeedsPrint.razor.rz.scp.css */
.daily-needs-print-page[b-od075z1kyc] { background: #fff; color: #111; margin: 0 auto; max-width: 1100px; padding: 1.5rem; }
.print-heading[b-od075z1kyc] { border-bottom: 2px solid #183f2d; margin-bottom: 1.5rem; padding-bottom: 1rem; text-align: center; }
.print-heading h1[b-od075z1kyc] { font-size: 1.5rem; font-weight: 800; }
.print-heading p[b-od075z1kyc] { margin: 0; }
.daily-needs-print-page th[b-od075z1kyc], .daily-needs-print-page td[b-od075z1kyc] { font-size: .85rem; text-align: center; }
.print-footer[b-od075z1kyc] { display: flex; justify-content: space-between; margin-top: 2rem; }

@media print {
    .daily-needs-print-page[b-od075z1kyc] { max-width: none; padding: 0; }
    .daily-needs-print-page table[b-od075z1kyc] { page-break-inside: auto; }
    .daily-needs-print-page tr[b-od075z1kyc] { page-break-inside: avoid; }
}
/* /Components/Pages/DepartmentAttendance.razor.rz.scp.css */
.work-type-switcher[b-iwdxlks20n] {
    background: #e9efeb;
    border-radius: 18px;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, 1fr);
    padding: .5rem;
}

.work-type-switcher button[b-iwdxlks20n] {
    background: transparent;
    border: 0;
    border-radius: 14px;
    color: #53645a;
    display: grid;
    padding: .85rem 1rem;
    text-align: right;
}

.work-type-switcher button.active[b-iwdxlks20n] {
    background: #fff;
    box-shadow: 0 5px 16px rgba(23, 63, 44, .1);
    color: #173f2c;
}

.work-type-switcher span[b-iwdxlks20n] { font-size: .78rem; }

.attendance-summary[b-iwdxlks20n] {
    display: grid;
    gap: .75rem;
    grid-template-columns: 1.5fr repeat(5, 1fr);
}

.attendance-summary > div[b-iwdxlks20n] {
    background: #fff;
    border: 1px solid #e4ebe6;
    border-radius: 16px;
    display: grid;
    padding: 1rem 1.15rem;
}

.attendance-summary small[b-iwdxlks20n],
.selection-summary small[b-iwdxlks20n] {
    color: #718078;
}

.attendance-summary strong[b-iwdxlks20n] {
    color: #203c2d;
    font-size: 1.6rem;
}

.attendance-summary .context-card[b-iwdxlks20n] {
    background: linear-gradient(135deg, #173f2c, #2d6b49);
    color: #fff;
}

.attendance-summary .context-card strong[b-iwdxlks20n],
.attendance-summary .context-card small[b-iwdxlks20n] {
    color: #fff;
}

.attendance-summary .context-card strong[b-iwdxlks20n] {
    font-size: 1.1rem;
}

.attendance-summary .present-card[b-iwdxlks20n] { border-top: 3px solid #2f8a55; }
.attendance-summary .absent-card[b-iwdxlks20n] { border-top: 3px solid #b54a3b; }
.attendance-summary .excused-card[b-iwdxlks20n] { border-top: 3px solid #d39a2d; }
.attendance-summary .temporary-card[b-iwdxlks20n] { border-top: 3px solid #287a82; }

.shift-selector[b-iwdxlks20n] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.shift-selector > div[b-iwdxlks20n] { display: grid; }
.shift-selector small[b-iwdxlks20n] { color: #718078; }
.shift-selector .form-select[b-iwdxlks20n] { max-width: 280px; }

.attendance-toolbar[b-iwdxlks20n] {
    align-items: center;
    background: #f7faf8;
    border-bottom: 1px solid #e4ebe6;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.selection-summary[b-iwdxlks20n] {
    display: grid;
    min-width: 180px;
}

.selection-summary strong[b-iwdxlks20n] {
    color: #257044;
    font-size: 1.35rem;
}

.attendance-actions[b-iwdxlks20n] {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.attendance-actions .form-control[b-iwdxlks20n] { max-width: 240px; }
.btn-temporary[b-iwdxlks20n] { background: #287a82; color: #fff; }
.btn-temporary:hover[b-iwdxlks20n] { background: #1f6369; color: #fff; }
.status-badge.temporary[b-iwdxlks20n] { background: #e3f3f4; color: #1f6970; }
.selection-column[b-iwdxlks20n] { text-align: center; width: 64px; }

@media (max-width: 991.98px) {
    .work-type-switcher[b-iwdxlks20n] { grid-template-columns: 1fr; }
    .attendance-summary[b-iwdxlks20n] { grid-template-columns: repeat(2, 1fr); }
    .attendance-summary .context-card[b-iwdxlks20n] { grid-column: 1 / -1; }
    .attendance-toolbar[b-iwdxlks20n] { align-items: stretch; flex-direction: column; }
    .shift-selector[b-iwdxlks20n] { align-items: stretch; flex-direction: column; }
    .shift-selector .form-select[b-iwdxlks20n] { max-width: none; }
    .attendance-actions[b-iwdxlks20n],
    .attendance-actions .btn[b-iwdxlks20n],
    .attendance-actions .form-control[b-iwdxlks20n] { max-width: none; width: 100%; }
}
/* /Components/Pages/DepartmentDetailsPage.razor.rz.scp.css */
.department-hero[b-0hkh2c2btz] { display:grid; grid-template-columns:1.5fr 1.2fr 1.2fr repeat(3,.7fr); gap:1px; overflow:hidden; border:1px solid #dfe7e1; border-radius:18px; background:#dfe7e1; }.department-hero > div[b-0hkh2c2btz] { display:flex; flex-direction:column; justify-content:center; min-height:110px; padding:1rem 1.15rem; background:#fff; }.department-hero small[b-0hkh2c2btz] { color:#849087; }.department-hero strong[b-0hkh2c2btz] { color:#173a2d; margin:.3rem 0; }.department-hero > div:not(.department-profile) strong[b-0hkh2c2btz] { font-size:1.2rem; }.department-profile[b-0hkh2c2btz] { background:linear-gradient(135deg,#174e37,#226b4b) !important; }.department-profile small[b-0hkh2c2btz],.department-profile strong[b-0hkh2c2btz],.department-profile span[b-0hkh2c2btz] { color:#fff; }.department-profile strong[b-0hkh2c2btz] { font-size:1.25rem; }.department-hero span:not(.status-badge)[b-0hkh2c2btz] { color:#738078; font-size:.75rem; }
.need-note[b-0hkh2c2btz] { display:flex; gap:1rem; padding:1rem 1.2rem; border:1px solid #eadfc9; border-radius:14px; color:#775424; background:#fffaf0; }.need-note span[b-0hkh2c2btz] { color:#8b7658; }.department-toolbar div[b-0hkh2c2btz] { display:flex; flex-direction:column; }.department-toolbar small[b-0hkh2c2btz] { color:#849087; font-size:.74rem; }.department-filters[b-0hkh2c2btz] { padding:.8rem 1.2rem; border-bottom:1px solid #edf0ec; }.department-volunteers[b-0hkh2c2btz] { display:flex; flex-direction:column; }.department-volunteer-row[b-0hkh2c2btz] { display:grid; grid-template-columns:1.1fr .85fr 1.2fr auto; gap:1rem; align-items:center; padding:1rem 1.2rem; border-bottom:1px solid #edf0ec; }.volunteer-identity[b-0hkh2c2btz],.volunteer-skills[b-0hkh2c2btz] { display:flex; flex-direction:column; }.volunteer-identity strong[b-0hkh2c2btz],.volunteer-skills strong[b-0hkh2c2btz] { color:#263d31; }.volunteer-identity span[b-0hkh2c2btz],.volunteer-skills span[b-0hkh2c2btz] { color:#65736a; font-size:.76rem; }.volunteer-identity small[b-0hkh2c2btz],.volunteer-skills small[b-0hkh2c2btz] { color:#8c958f; font-size:.7rem; }.assignment-editor[b-0hkh2c2btz] { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }.row-actions[b-0hkh2c2btz] { display:grid; grid-template-columns:repeat(2,auto); gap:.4rem; }.row-actions .btn-outline-danger[b-0hkh2c2btz] { grid-column:1 / -1; }
.account-panel p[b-0hkh2c2btz] { color:#7b887f; font-size:.78rem; }.department-account[b-0hkh2c2btz] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; border:1px solid #dce7df; border-radius:15px; background:#f7fbf8; }.department-account div[b-0hkh2c2btz] { display:flex; flex-direction:column; }.department-account small[b-0hkh2c2btz] { color:#849087; }.department-account strong[b-0hkh2c2btz] { color:#173a2d; }
@media (max-width:1100px) { .department-hero[b-0hkh2c2btz] { grid-template-columns:repeat(3,1fr); }.department-profile[b-0hkh2c2btz] { grid-column:span 2; }.department-volunteer-row[b-0hkh2c2btz] { grid-template-columns:1fr 1fr; }.assignment-editor[b-0hkh2c2btz],.row-actions[b-0hkh2c2btz] { grid-column:1 / -1; }.row-actions[b-0hkh2c2btz] { display:flex; } }
@media (max-width:650px) { .department-hero[b-0hkh2c2btz],.department-volunteer-row[b-0hkh2c2btz] { grid-template-columns:1fr; }.department-profile[b-0hkh2c2btz] { grid-column:auto; }.assignment-editor[b-0hkh2c2btz] { grid-template-columns:1fr; }.row-actions[b-0hkh2c2btz] { flex-wrap:wrap; }.need-note[b-0hkh2c2btz] { flex-direction:column; gap:.25rem; } }
/* /Components/Pages/DepartmentEvaluations.razor.rz.scp.css */
.work-type-switcher[b-a4km86a2cj] {
    background: #e9efeb;
    border: 1px solid #dce6df;
    border-radius: 1.15rem;
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: .55rem;
}

.work-type-switcher button[b-a4km86a2cj] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .9rem;
    color: #53645a;
    cursor: pointer;
    display: grid;
    gap: .2rem;
    min-height: 4.25rem;
    min-width: 0;
    padding: .8rem 1rem;
    text-align: right;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.work-type-switcher button:hover:not(.active)[b-a4km86a2cj] {
    background: rgba(255, 255, 255, .55);
    border-color: #d2dfd7;
    color: #234a38;
}

.work-type-switcher button:focus-visible[b-a4km86a2cj] {
    outline: 3px solid rgba(36, 111, 77, .25);
    outline-offset: 2px;
}

.work-type-switcher button.active[b-a4km86a2cj] {
    background: linear-gradient(145deg, #fff, #f8fbf9);
    border-color: #cfe0d6;
    box-shadow: 0 5px 16px rgba(23, 63, 44, .1);
    color: #173f2c;
}

.work-type-switcher strong[b-a4km86a2cj],
.work-type-switcher span[b-a4km86a2cj] {
    display: block;
    overflow-wrap: anywhere;
}

.work-type-switcher strong[b-a4km86a2cj] { font-size: 1rem; }
.work-type-switcher span[b-a4km86a2cj] { color: #718078; font-size: .78rem; }

.evaluation-context[b-a4km86a2cj] {
    display: grid;
    grid-template-columns: 1.5fr repeat(2, minmax(8rem, .6fr)) minmax(14rem, 1fr);
    gap: .75rem;
}

.evaluation-context > div[b-a4km86a2cj] {
    background: #fff;
    border: 1px solid #dce6df;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.evaluation-context strong[b-a4km86a2cj] {
    color: #164c39;
    font-size: 1.35rem;
}

.shift-control[b-a4km86a2cj] { justify-content: center; }

.evaluation-table-wrap[b-a4km86a2cj] { max-height: 68vh; }

.evaluation-table thead[b-a4km86a2cj] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.evaluation-table th[b-a4km86a2cj] {
    background: #154f66;
    color: #fff;
    min-width: 8rem;
    text-align: center;
    vertical-align: middle;
}

.evaluation-table th:first-child[b-a4km86a2cj] { min-width: 15rem; text-align: right; }
.evaluation-table th small[b-a4km86a2cj] { color: #d7edf5; }
.evaluation-table tbody tr:nth-child(odd)[b-a4km86a2cj] { background: #fff7f1; }
.evaluation-table tbody tr.dirty-row[b-a4km86a2cj] { box-shadow: inset -4px 0 #e27730; }
.criterion-cell[b-a4km86a2cj] { text-align: center; }

.criterion-check[b-a4km86a2cj] {
    width: 1.45rem;
    height: 1.45rem;
    cursor: pointer;
}

.daily-score[b-a4km86a2cj] {
    display: inline-grid;
    place-items: center;
    min-width: 3.25rem;
    min-height: 2.35rem;
    border-radius: .75rem;
    font-weight: 800;
}

.daily-score.excellent[b-a4km86a2cj] { background: #dff3e7; color: #17653d; }
.daily-score.good[b-a4km86a2cj] { background: #e5f0fa; color: #245e8e; }
.daily-score.average[b-a4km86a2cj] { background: #fff0c9; color: #825d08; }
.daily-score.low[b-a4km86a2cj] { background: #f8dddd; color: #9b2f2f; }
.notes-input[b-a4km86a2cj] { min-width: 10rem; }

@media (max-width: 992px) {
    .work-type-switcher[b-a4km86a2cj] { grid-template-columns: 1fr; }
    .evaluation-context[b-a4km86a2cj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 576px) {
    .evaluation-context[b-a4km86a2cj] { grid-template-columns: 1fr; }
}
/* /Components/Pages/DepartmentPortalDashboardPage.razor.rz.scp.css */
.department-banner[b-cgh2yjystj] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem; overflow:hidden; color:#fff; border-radius:20px; background:linear-gradient(135deg,#174e37,#226b4b 60%,#b68135 140%); box-shadow:0 14px 35px rgba(22,70,48,.14); }.department-banner small[b-cgh2yjystj] { opacity:.7; }.department-banner h2[b-cgh2yjystj] { margin:.3rem 0; font-size:1.4rem; }.department-banner p[b-cgh2yjystj] { margin:0; opacity:.82; }.department-banner > span[b-cgh2yjystj] { padding:.45rem .8rem; border:1px solid rgba(255,255,255,.25); border-radius:30px; background:rgba(255,255,255,.1); font-size:.75rem; }
.department-stat[b-cgh2yjystj] { display:flex; flex-direction:column; min-height:145px; padding:1.25rem; color:#263d31; text-decoration:none; border:1px solid #e5e9e3; border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(34,62,48,.045); }.department-stat small[b-cgh2yjystj] { color:#849087; }.department-stat strong[b-cgh2yjystj] { margin:.4rem 0; color:#195c3e; font-size:2rem; }.department-stat span[b-cgh2yjystj] { margin-top:auto; color:#8c958f; font-size:.74rem; }.department-stat.remaining strong[b-cgh2yjystj] { color:#c1812d; }.portal-note[b-cgh2yjystj] { padding:1.2rem; border:1px solid #e5e9e3; border-radius:16px; background:#f9fbf9; }.portal-note strong[b-cgh2yjystj] { color:#173a2d; }.portal-note p[b-cgh2yjystj] { margin:.35rem 0 0; color:#718078; font-size:.8rem; }
@media (max-width:600px) { .department-banner[b-cgh2yjystj] { align-items:flex-start; flex-direction:column; } }
/* /Components/Pages/EvaluationManagement.razor.rz.scp.css */
.evaluation-filter-panel[b-w7ha6de73u] { padding: 1rem; }

.filter-grid[b-w7ha6de73u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
    gap: 1rem;
    align-items: end;
}

.search-filter[b-w7ha6de73u] { grid-column: span 2; }

.evaluation-summary[b-w7ha6de73u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.evaluation-summary > div[b-w7ha6de73u] {
    background: linear-gradient(145deg, #fff, #f4f8f5);
    border: 1px solid #dce7e1;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.evaluation-summary strong[b-w7ha6de73u] { color: #164c39; font-size: 1.45rem; }
.admin-evaluation-table-wrap[b-w7ha6de73u] { max-height: 68vh; }
.admin-evaluation-table thead[b-w7ha6de73u] { position: sticky; top: 0; z-index: 2; }
.admin-evaluation-table th[b-w7ha6de73u] { background: #154f66; color: #fff; text-align: center; vertical-align: middle; min-width: 7rem; }
.admin-evaluation-table th:first-child[b-w7ha6de73u] { min-width: 15rem; text-align: right; }
.admin-evaluation-table th small[b-w7ha6de73u] { color: #d7edf5; }
.admin-evaluation-table tbody tr:nth-child(odd)[b-w7ha6de73u] { background: #fff7f1; }
.criterion-cell[b-w7ha6de73u] { text-align: center; }
.result-check[b-w7ha6de73u] { width: 1.4rem; height: 1.4rem; opacity: 1; }

.daily-score[b-w7ha6de73u] {
    display: inline-grid;
    place-items: center;
    min-width: 3.25rem;
    min-height: 2.35rem;
    border-radius: .75rem;
    font-weight: 800;
}

.daily-score.excellent[b-w7ha6de73u] { background: #dff3e7; color: #17653d; }
.daily-score.good[b-w7ha6de73u] { background: #e5f0fa; color: #245e8e; }
.daily-score.average[b-w7ha6de73u] { background: #fff0c9; color: #825d08; }
.daily-score.low[b-w7ha6de73u] { background: #f8dddd; color: #9b2f2f; }
.volunteer-link[b-w7ha6de73u] { color: #155c43; font-weight: 700; text-decoration: none; }
.volunteer-link:hover[b-w7ha6de73u] { text-decoration: underline; }

@media (max-width: 992px) {
    .filter-grid[b-w7ha6de73u], .evaluation-summary[b-w7ha6de73u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 576px) {
    .filter-grid[b-w7ha6de73u], .evaluation-summary[b-w7ha6de73u] { grid-template-columns: 1fr; }
    .search-filter[b-w7ha6de73u] { grid-column: auto; }
}
/* /Components/Pages/FiqhExamManagement.razor.rz.scp.css */
.exam-admin-hero[b-443tx9sxxg] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
}

.exam-admin-hero > div[b-443tx9sxxg] {
    background: linear-gradient(145deg, #fff, #f3f8f5);
    border: 1px solid #dce7e1;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.exam-admin-hero small[b-443tx9sxxg],
.section-heading p[b-443tx9sxxg] {
    color: #6d7b74;
}

.exam-admin-hero strong[b-443tx9sxxg] {
    font-size: 1.25rem;
}

.section-heading[b-443tx9sxxg] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.section-heading h2[b-443tx9sxxg],
.section-heading p[b-443tx9sxxg] {
    margin: 0;
}

.question-text[b-443tx9sxxg] {
    min-height: 110px;
}

.question-bank[b-443tx9sxxg] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.question-card[b-443tx9sxxg] {
    border: 1px solid #dce7e1;
    border-radius: 1rem;
    padding: 1rem;
    background: #fff;
}

.question-card.disabled[b-443tx9sxxg] {
    opacity: .68;
    background: #f7f7f5;
}

.question-card-header[b-443tx9sxxg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.question-options[b-443tx9sxxg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem 1.5rem;
    margin: 1rem 0;
}

.question-options li[b-443tx9sxxg] {
    padding: .55rem .7rem;
    border-radius: .65rem;
    background: #f5f7f6;
}

.question-options li.correct[b-443tx9sxxg] {
    color: #14634d;
    background: #e9f6f0;
    font-weight: 700;
}

.question-options small[b-443tx9sxxg] {
    display: block;
    font-weight: 400;
}

@media (max-width: 992px) {
    .exam-admin-hero[b-443tx9sxxg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .question-options[b-443tx9sxxg] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.summary-card[b-gug2sss85j], .panel[b-gug2sss85j] { background: #fff; border: 1px solid #e5e9e3; border-radius: 18px; box-shadow: 0 8px 28px rgba(34,62,48,.045); }
.summary-card[b-gug2sss85j] { padding: 1.25rem; display: flex; align-items: center; gap: 1rem; min-height: 108px; }.summary-icon[b-gug2sss85j] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #edf5ef; color: #246044; font-size: 1.35rem; }.summary-card strong[b-gug2sss85j],.summary-card span[b-gug2sss85j] { display: block; }.summary-card strong[b-gug2sss85j] { color: #173a2d; font-size: 1.25rem; }.summary-card div span[b-gug2sss85j] { color: #7b867f; font-size: .8rem; margin-top: .15rem; }
.panel[b-gug2sss85j] { padding: 1.4rem; min-height: 320px; }.panel-heading[b-gug2sss85j] { display: flex; justify-content: space-between; border-bottom: 1px solid #edf0ec; padding-bottom: 1rem; }.panel-heading h2[b-gug2sss85j] { font-size: 1rem; color: #173a2d; margin: 0; }.panel-heading p[b-gug2sss85j] { color: #8a948d; font-size: .76rem; margin: .3rem 0 0; }
.readiness-item[b-gug2sss85j] { display: flex; align-items: center; gap: .7rem; padding: 1rem .25rem; border-bottom: 1px solid #f0f2ef; font-size: .82rem; }.readiness-item strong[b-gug2sss85j] { margin-inline-start: auto; color: #347451; font-size: .72rem; }.status-ok[b-gug2sss85j] { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #347451; background: #e9f5ed; }
/* /Components/Pages/OrganizationDailyVolunteers.razor.rz.scp.css */
.distribution-hero[b-5bm49xhb53] {
    display: grid;
    grid-template-columns: 1.4fr repeat(2, 1fr);
    overflow: hidden;
    gap: 1px;
    border: 1px solid #dfe7e1;
    border-radius: 18px;
    background: #dfe7e1;
}

.distribution-hero > div[b-5bm49xhb53] {
    display: flex;
    min-height: 105px;
    padding: 1rem 1.2rem;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}

.distribution-hero small[b-5bm49xhb53] {
    color: #849087;
}

.distribution-hero strong[b-5bm49xhb53] {
    margin-top: .35rem;
    color: #173a2d;
    font-size: 1.45rem;
}

.distribution-hero > div:first-child[b-5bm49xhb53] {
    background: linear-gradient(135deg, #174e37, #226b4b);
}

.distribution-hero > div:first-child small[b-5bm49xhb53],
.distribution-hero > div:first-child strong[b-5bm49xhb53] {
    color: #fff;
}

.batch-toolbar[b-5bm49xhb53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-top: 1px solid #edf1ee;
    border-bottom: 1px solid #e3e9e5;
    background: linear-gradient(135deg, #f7faf8, #fffaf1);
}

.selection-summary[b-5bm49xhb53] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 .5rem;
}

.selection-summary strong[b-5bm49xhb53] {
    grid-row: 1 / 3;
    color: #17583d;
    font-size: 1.8rem;
}

.selection-summary span[b-5bm49xhb53] {
    color: #34483d;
    font-weight: 700;
}

.selection-summary small[b-5bm49xhb53] {
    color: #829087;
}

.batch-actions[b-5bm49xhb53] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.selection-column[b-5bm49xhb53] {
    width: 72px;
    text-align: center;
}

.selected-row > td[b-5bm49xhb53] {
    background: #f2f8f4;
}

.form-check-input[b-5bm49xhb53] {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
}

@media (max-width: 700px) {
    .distribution-hero[b-5bm49xhb53] {
        grid-template-columns: 1fr;
    }

    .batch-toolbar[b-5bm49xhb53] {
        align-items: stretch;
        flex-direction: column;
    }

    .batch-actions[b-5bm49xhb53],
    .batch-actions .btn[b-5bm49xhb53] {
        width: 100%;
    }
}
/* /Components/Pages/OrganizationDashboardPage.razor.rz.scp.css */
.season-banner[b-y031lkcpyf] { padding: 1.4rem; border-radius: 18px; display:flex; align-items:center; justify-content:space-between; color:#fff; background:linear-gradient(135deg,#164b35,#2b7453); }.season-banner.closed[b-y031lkcpyf] { background:linear-gradient(135deg,#5b625d,#7c8580); }.season-banner small[b-y031lkcpyf],.season-banner h2[b-y031lkcpyf],.season-banner p[b-y031lkcpyf] { display:block; margin:0; }.season-banner h2[b-y031lkcpyf] { font-size:1.25rem; margin:.3rem 0; }.season-banner p[b-y031lkcpyf] { opacity:.8; font-size:.78rem; }.season-banner>span[b-y031lkcpyf] { background:rgba(255,255,255,.15); padding:.45rem .8rem; border-radius:30px; font-size:.76rem; }.organization-stat[b-y031lkcpyf] { display:block; height:100%; min-height:110px; padding:1.2rem; border:1px solid #e5e9e3; border-radius:16px; background:#fff; text-decoration:none; box-shadow:0 8px 28px rgba(34,62,48,.045); }.organization-stat strong[b-y031lkcpyf],.organization-stat span[b-y031lkcpyf] { display:block; }.organization-stat strong[b-y031lkcpyf] { color:#173a2d; font-size:1.45rem; }.organization-stat span[b-y031lkcpyf] { color:#7d8880; font-size:.78rem; margin-top:.35rem; }
/* /Components/Pages/OrganizationFiqhExamAttempt.razor.rz.scp.css */
.attempt-toolbar[b-10878otbpp] {
    position: sticky;
    top: .75rem;
    z-index: 5;
    display: grid;
    grid-template-columns: 1fr 1fr 3fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    color: #fff;
    background: linear-gradient(120deg, #123f37, #176b5b);
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(18, 63, 55, .2);
}

.attempt-toolbar > div[b-10878otbpp] { display: flex; flex-direction: column; gap: .2rem; }
.attempt-toolbar small[b-10878otbpp] { color: #cfe3dc; }
.countdown[b-10878otbpp] { font-size: 1.65rem; font-variant-numeric: tabular-nums; direction: ltr; }
.countdown.urgent[b-10878otbpp] { color: #ffd37b; }
.attempt-progress .progress[b-10878otbpp] { height: .55rem; background: rgba(255, 255, 255, .2); }
.attempt-progress .progress-bar[b-10878otbpp] { background: #f1b952; }

.attempt-questions[b-10878otbpp] { display: grid; gap: 1rem; }

.attempt-question[b-10878otbpp] {
    border: 1px solid #dce7e1;
    border-right: 4px solid #c9d8d1;
    border-radius: 1rem;
    padding: 1.2rem;
    background: #fff;
}

.attempt-question.answered[b-10878otbpp] { border-right-color: #1d816c; }

.attempt-question-title[b-10878otbpp] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.attempt-question-title > span:first-child[b-10878otbpp] {
    display: grid;
    place-items: center;
    min-width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #eaf3ef;
    color: #176b5b;
    font-weight: 800;
}

.attempt-question-title h2[b-10878otbpp] { margin: 0; font-size: 1.05rem; line-height: 1.7; }
.attempt-options[b-10878otbpp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }

.attempt-option[b-10878otbpp] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1rem;
    border: 1px solid #dfe6e2;
    border-radius: .8rem;
    background: #f8faf9;
    cursor: pointer;
}

.attempt-option.selected[b-10878otbpp] {
    border-color: #1d816c;
    background: #eaf5f1;
    box-shadow: inset 0 0 0 1px #1d816c;
}

.attempt-option input[b-10878otbpp] { accent-color: #176b5b; }

.submit-panel[b-10878otbpp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1.2rem;
    border-radius: 1rem;
    background: #f0f5f2;
}

.submit-panel p[b-10878otbpp] { margin: .25rem 0 0; color: #6d7b74; }

.exam-result[b-10878otbpp] {
    max-width: 650px;
    margin: 3rem auto;
    padding: 2.5rem;
    text-align: center;
    border-radius: 1.4rem;
    border: 1px solid #dce7e1;
    background: radial-gradient(circle at top, #fff, #f2f7f4);
}

.exam-result > strong[b-10878otbpp] { display: block; margin: .5rem 0; font-size: 3.5rem; }
.exam-result.passed > strong[b-10878otbpp],
.exam-result.passed h2[b-10878otbpp] { color: #176b5b; }
.exam-result.failed > strong[b-10878otbpp],
.exam-result.failed h2[b-10878otbpp] { color: #a33b32; }

@media (max-width: 768px) {
    .attempt-toolbar[b-10878otbpp] { grid-template-columns: 1fr 1fr; top: .35rem; }
    .attempt-progress[b-10878otbpp] { grid-column: 1 / -1; }
    .attempt-options[b-10878otbpp] { grid-template-columns: 1fr; }
    .submit-panel[b-10878otbpp] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/OrganizationFiqhExams.razor.rz.scp.css */
.organization-exam-hero[b-3vqhtsvhux] {
    display: grid;
    grid-template-columns: 2fr repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.organization-exam-hero > div[b-3vqhtsvhux],
.exam-instructions[b-3vqhtsvhux] {
    background: linear-gradient(145deg, #fff, #f2f7f4);
    border: 1px solid #dce7e1;
    border-radius: 1rem;
    padding: 1rem;
}

.organization-exam-hero > div[b-3vqhtsvhux] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.organization-exam-hero small[b-3vqhtsvhux],
.organization-exam-hero span[b-3vqhtsvhux],
.exam-instructions p[b-3vqhtsvhux],
.candidate-row small[b-3vqhtsvhux],
.candidate-row span[b-3vqhtsvhux] {
    color: #6d7b74;
}

.exam-instructions[b-3vqhtsvhux] {
    border-right: 4px solid #d89b2b;
}

.exam-instructions p[b-3vqhtsvhux] { margin: .35rem 0 0; }

.exam-candidates[b-3vqhtsvhux] { padding: .75rem 1rem; }

.candidate-row[b-3vqhtsvhux] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.4fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #e5ebe8;
}

.candidate-row > div[b-3vqhtsvhux] { display: flex; flex-direction: column; gap: .25rem; }
.candidate-actions[b-3vqhtsvhux] { flex-direction: row !important; justify-content: flex-end; flex-wrap: wrap; }
.candidate-result .passed[b-3vqhtsvhux] { color: #14634d; }
.candidate-result .failed[b-3vqhtsvhux] { color: #a33b32; }

@media (max-width: 1100px) {
    .organization-exam-hero[b-3vqhtsvhux] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .organization-exam-hero .exam-title[b-3vqhtsvhux] { grid-column: 1 / -1; }
    .candidate-row[b-3vqhtsvhux] { grid-template-columns: 1fr 1fr; }
    .candidate-row > div:first-child[b-3vqhtsvhux],
    .candidate-actions[b-3vqhtsvhux] { grid-column: 1 / -1; }
    .candidate-actions[b-3vqhtsvhux] { justify-content: flex-start; }
}
/* /Components/Pages/OrganizationServiceGuidelines.razor.rz.scp.css */
.guidelines-page[b-k9rwpcqdvn] {
    width: min(100%, 1080px);
    margin-inline: auto;
    padding-bottom: 2rem;
}

.guidelines-header[b-k9rwpcqdvn],
.document-panel[b-k9rwpcqdvn] {
    border: 1px solid #e1e8e3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 34px rgba(28, 65, 48, .06);
}

.guidelines-header[b-k9rwpcqdvn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.4rem;
    margin-bottom: 1rem;
}

.guidelines-kicker[b-k9rwpcqdvn] {
    display: inline-block;
    margin-bottom: .35rem;
    color: #236342;
    font-size: .82rem;
    font-weight: 700;
}

.guidelines-header h1[b-k9rwpcqdvn],
.document-heading h2[b-k9rwpcqdvn] {
    margin: 0;
    color: #173a2d;
}

.guidelines-header h1[b-k9rwpcqdvn] {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
}

.guidelines-header p[b-k9rwpcqdvn],
.document-heading p[b-k9rwpcqdvn] {
    margin: .45rem 0 0;
    color: #66756c;
    line-height: 1.7;
}

.guidelines-continue[b-k9rwpcqdvn] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.document-panel[b-k9rwpcqdvn] {
    padding: 1rem;
}

.document-heading[b-k9rwpcqdvn] {
    padding: .25rem .25rem 1rem;
}

.document-heading h2[b-k9rwpcqdvn] {
    font-size: 1.05rem;
}

.document-heading p[b-k9rwpcqdvn] {
    font-size: .82rem;
}

.guidelines-list[b-k9rwpcqdvn] {
    display: grid;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: guideline;
}

.guidelines-list li[b-k9rwpcqdvn] {
    position: relative;
    min-height: 52px;
    padding: 1rem 3.6rem 1rem 1rem;
    border: 1px solid #e1e8e3;
    border-radius: 12px;
    color: #263b31;
    background: #fbfcfb;
    font-size: 1rem;
    line-height: 1.9;
    counter-increment: guideline;
}

.guidelines-list li[b-k9rwpcqdvn]::before {
    content: counter(guideline);
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #236342;
    font-size: .82rem;
    font-weight: 700;
}

.guidelines-page .btn:focus-visible[b-k9rwpcqdvn] {
    outline: 3px solid rgba(25, 103, 68, .32);
    outline-offset: 3px;
}

.guidelines-footer-action[b-k9rwpcqdvn] {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

@media (max-width: 767.98px) {
    .guidelines-header[b-k9rwpcqdvn] {
        align-items: stretch;
        flex-direction: column;
    }

    .guidelines-header[b-k9rwpcqdvn] {
        padding: 1.1rem;
    }

    .document-panel[b-k9rwpcqdvn] {
        padding: .65rem;
    }

    .guidelines-continue[b-k9rwpcqdvn] {
        width: 100%;
    }

    .guidelines-list li[b-k9rwpcqdvn] {
        padding: .9rem 3.35rem .9rem .85rem;
        font-size: .95rem;
        line-height: 1.8;
    }

    .guidelines-list li[b-k9rwpcqdvn]::before {
        top: .9rem;
        right: .85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .guidelines-page *[b-k9rwpcqdvn],
    .guidelines-page *[b-k9rwpcqdvn]::before,
    .guidelines-page *[b-k9rwpcqdvn]::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* /Components/Pages/OrganizationVolunteerForm.razor.rz.scp.css */
.document-grid[b-wsaezogmhr] { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:.8rem; padding:1.2rem; }.document-card[b-wsaezogmhr] { border:1px dashed #d5ddd7; border-radius:14px; padding:1rem; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }.document-card.uploaded[b-wsaezogmhr] { border-style:solid; background:#f3f8f4; }.document-card strong[b-wsaezogmhr],.document-card small[b-wsaezogmhr] { display:block; }.document-card strong[b-wsaezogmhr] { color:#294337; font-size:.82rem; }.document-card small[b-wsaezogmhr] { color:#859087; font-size:.7rem; margin-top:.25rem; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.nomination-panel[b-wsaezogmhr] { background:#173f2f; color:#fff; border-radius:18px; padding:1.3rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }.nomination-panel strong[b-wsaezogmhr] { font-size:.95rem; }.nomination-panel p[b-wsaezogmhr] { color:#b9c9c0; font-size:.75rem; margin:.3rem 0 0; }.form-control textarea[b-wsaezogmhr],textarea.form-control[b-wsaezogmhr] { min-height:90px; }
@media(max-width:600px){.nomination-panel[b-wsaezogmhr]{align-items:stretch;flex-direction:column}.document-grid[b-wsaezogmhr]{grid-template-columns:1fr}}
/* /Components/Pages/OrganizationVolunteers.razor.rz.scp.css */
.selection-column[b-lzav50bsms] { width:42px; }.document-count[b-lzav50bsms] { display:inline-flex; padding:.25rem .55rem; border-radius:20px; color:#9c3d32; background:#faecea; font-size:.72rem; font-weight:700; }.document-count.complete[b-lzav50bsms] { color:#257044; background:#e9f5ed; }.correction-reason[b-lzav50bsms] { color:#a15c18 !important; max-width:260px; }.status-badge.warning[b-lzav50bsms] { color:#9a5b17; background:#fff3da; }.status-badge.neutral[b-lzav50bsms] { color:#4e6256; background:#edf1ee; }
/* /Components/Pages/UserPagePermissions.razor.rz.scp.css */
.permission-user-card[b-ew68vhjedd] { align-items:center; background:linear-gradient(120deg,#173e2f,#245b45); border-radius:1rem; color:#fff; display:flex; justify-content:space-between; margin-bottom:1rem; padding:1rem 1.2rem; }
.permission-user-card>div[b-ew68vhjedd] { align-items:center; display:flex; gap:.75rem; }.permission-user-card strong[b-ew68vhjedd],.permission-user-card small[b-ew68vhjedd] { display:block; }.permission-user-card small[b-ew68vhjedd] { color:#c8d8d0; font-size:.76rem; margin-top:.15rem; }
.permission-avatar[b-ew68vhjedd] { background:#c9903f; border-radius:.75rem; display:grid; font-size:1.1rem; font-weight:900; height:2.8rem; place-items:center; width:2.8rem; }
.permission-toolbar[b-ew68vhjedd],.save-permissions-bar[b-ew68vhjedd] { align-items:center; background:#fff; border:1px solid #e1e8e4; border-radius:1rem; display:flex; justify-content:space-between; padding:.9rem 1rem; }.permission-toolbar>div[b-ew68vhjedd] { align-items:center; display:flex; gap:.5rem; }.permission-toolbar strong[b-ew68vhjedd] { color:#1c5b41; font-size:1.2rem; }.permission-toolbar span[b-ew68vhjedd],.save-permissions-bar span[b-ew68vhjedd] { color:#77827c; font-size:.75rem; }
.permission-groups[b-ew68vhjedd] { display:grid; gap:1rem; margin:1rem 0; }.permission-group[b-ew68vhjedd] { background:#fff; border:1px solid #e1e8e4; border-radius:1rem; overflow:hidden; }.permission-group header[b-ew68vhjedd] { align-items:center; border-bottom:1px solid #e9eeeb; display:flex; justify-content:space-between; padding:.85rem 1rem; }.permission-group header>div[b-ew68vhjedd] { align-items:center; display:flex; gap:.6rem; }.permission-group h2[b-ew68vhjedd] { color:#173e2f; font-size:.95rem; font-weight:900; margin:0; }.permission-group header span[b-ew68vhjedd] { background:#edf4f0; border-radius:2rem; color:#527062; font-size:.68rem; padding:.2rem .5rem; }
.permission-grid[b-ew68vhjedd] { display:grid; gap:.7rem; grid-template-columns:repeat(2,minmax(0,1fr)); padding:1rem; }.permission-option[b-ew68vhjedd] { align-items:flex-start; border:1px solid #dfe7e3; border-radius:.8rem; cursor:pointer; display:grid; gap:.65rem; grid-template-columns:auto 1.8rem 1fr; padding:.8rem; transition:border-color .15s,background .15s; }.permission-option:hover[b-ew68vhjedd] { border-color:#8caf9e; }.permission-option.selected[b-ew68vhjedd] { background:#f0f7f3; border-color:#5d9278; }.permission-option input[b-ew68vhjedd] { height:1px; opacity:0; position:absolute; width:1px; }.permission-check[b-ew68vhjedd] { background:#e7ece9; border-radius:.5rem; color:transparent; display:grid; font-weight:900; height:1.8rem; place-items:center; width:1.8rem; }.permission-option.selected .permission-check[b-ew68vhjedd] { background:#246647; color:#fff; }.permission-option strong[b-ew68vhjedd],.permission-option small[b-ew68vhjedd] { display:block; }.permission-option strong[b-ew68vhjedd] { color:#263f34; font-size:.84rem; }.permission-option small[b-ew68vhjedd] { color:#77827c; font-size:.72rem; line-height:1.5; margin-top:.2rem; }
.save-permissions-bar[b-ew68vhjedd] { bottom:1rem; box-shadow:0 12px 35px rgba(25,62,46,.12); position:sticky; z-index:5; }.save-permissions-bar>div[b-ew68vhjedd] { display:grid; gap:.15rem; }
@media(max-width:700px){.permission-grid[b-ew68vhjedd]{grid-template-columns:1fr}.permission-user-card[b-ew68vhjedd],.permission-toolbar[b-ew68vhjedd],.save-permissions-bar[b-ew68vhjedd]{align-items:stretch;flex-direction:column;gap:.75rem}.permission-toolbar>div[b-ew68vhjedd]{justify-content:space-between}}
/* /Components/Pages/Users.razor.rz.scp.css */
.form-panel[b-ixvutso9fr],.table-panel[b-ixvutso9fr] { background:#fff; border:1px solid #e5e9e3; border-radius:18px; box-shadow:0 8px 28px rgba(34,62,48,.045); }.form-panel[b-ixvutso9fr] { padding:1.4rem; }.form-panel h2[b-ixvutso9fr] { color:#173a2d; font-size:1rem; margin-bottom:1rem; }
.table-toolbar[b-ixvutso9fr],.table-footer[b-ixvutso9fr] { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding: .8rem 1.2rem; }.table-toolbar[b-ixvutso9fr] { border-bottom:1px solid #edf0ec; }.table-toolbar>span[b-ixvutso9fr],.table-footer>span[b-ixvutso9fr] { color:#7d8880; font-size:.78rem; }.search-box[b-ixvutso9fr] { display:flex; gap:.5rem; width:min(440px,100%); }
th[b-ixvutso9fr] { color:#78837b; font-size:.72rem; font-weight:700; background:#fafbfa; border-bottom-color:#e9ede8; } td[b-ixvutso9fr] { color:#46554b; font-size:.8rem; padding-top:.85rem; padding-bottom:.85rem; border-bottom-color:#eff2ee; } td strong[b-ixvutso9fr],td small[b-ixvutso9fr] { display:block; } td strong[b-ixvutso9fr] { color:#263d31; font-size:.84rem; } td small[b-ixvutso9fr] { color:#8c958f; margin-top:.2rem; }
.status-badge[b-ixvutso9fr] { display:inline-flex; border-radius:30px; padding:.25rem .65rem; font-size:.7rem; font-weight:700; }.status-badge.active[b-ixvutso9fr] { color:#257044; background:#e9f5ed; }.status-badge.inactive[b-ixvutso9fr] { color:#9c3d32; background:#faecea; }.loading-state[b-ixvutso9fr] { min-height:220px; display:flex; align-items:center; justify-content:center; gap:.6rem; color:#7d8880; }.table-footer[b-ixvutso9fr] { border-top:1px solid #edf0ec; }
@media(max-width:600px){.table-toolbar[b-ixvutso9fr],.table-footer[b-ixvutso9fr]{align-items:stretch;flex-direction:column}.search-box[b-ixvutso9fr]{width:100%}}
.user-actions[b-ixvutso9fr] { display:flex; gap:.4rem; justify-content:flex-end; white-space:nowrap; }
/* /Components/Pages/VolunteerApplicationReview.razor.rz.scp.css */
.review-summary[b-89lcgxnad6] { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; background:#dfe7e1; border:1px solid #dfe7e1; border-radius:18px; }
.review-summary > div[b-89lcgxnad6] { display:flex; flex-direction:column; justify-content:center; min-height:105px; padding:1rem 1.25rem; background:#fff; }
.review-summary small[b-89lcgxnad6] { color:#849087; margin-bottom:.35rem; }.review-summary strong[b-89lcgxnad6] { color:#173a2d; }.review-summary span:not(.status-badge)[b-89lcgxnad6] { color:#6f7d74; font-size:.8rem; margin-top:.25rem; }
.review-flow[b-89lcgxnad6] { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }.review-stage[b-89lcgxnad6] { display:flex; gap:.85rem; min-height:112px; padding:1rem; border:1px solid #e3e8e4; border-radius:16px; background:#fff; }.review-stage > div[b-89lcgxnad6] { display:flex; min-width:0; flex-direction:column; }.stage-number[b-89lcgxnad6] { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:50%; color:#758078; background:#edf1ee; font-weight:800; }.review-stage small[b-89lcgxnad6] { color:#89938c; }.review-stage strong[b-89lcgxnad6] { margin:.15rem 0; color:#263d31; }.review-stage div > span[b-89lcgxnad6] { color:#758078; font-size:.76rem; }.review-stage em[b-89lcgxnad6] { margin-top:.45rem; color:#7f8982; font-size:.68rem; font-style:normal; }.stage-note[b-89lcgxnad6] { margin:.45rem 0 0; color:#536159; font-size:.7rem; line-height:1.6; }.review-stage.current[b-89lcgxnad6] { border-color:#d4aa67; background:#fffaf1; box-shadow:0 8px 24px rgba(134,91,28,.08); }.review-stage.current .stage-number[b-89lcgxnad6] { color:#fff; background:#bf842e; }.review-stage.complete[b-89lcgxnad6] { border-color:#cfe2d5; background:#f4faf6; }.review-stage.complete .stage-number[b-89lcgxnad6] { color:#fff; background:#277047; }.review-stage.reviewed[b-89lcgxnad6] { border-color:#ead6b5; background:#fffaf2; }
.match-panel[b-89lcgxnad6] { border-radius:18px; }.match-panel h2[b-89lcgxnad6] { font-size:1rem; }.match-item[b-89lcgxnad6] { display:grid; grid-template-columns:1fr 1fr auto; gap:.5rem 1rem; align-items:center; padding:.75rem 0; border-top:1px solid rgba(120,80,10,.12); }.match-item p[b-89lcgxnad6] { grid-column:1 / -1; margin:0; }.match-item small[b-89lcgxnad6] { color:#8b5818; }
.details-panel[b-89lcgxnad6] { overflow:hidden; }.details-grid[b-89lcgxnad6] { display:grid; grid-template-columns:170px 1fr; margin:0; }.details-grid dt[b-89lcgxnad6],.details-grid dd[b-89lcgxnad6] { padding:.72rem 1.2rem; margin:0; border-bottom:1px solid #edf0ec; }.details-grid dt[b-89lcgxnad6] { color:#78837b; background:#fafbfa; font-size:.75rem; }.details-grid dd[b-89lcgxnad6] { color:#263d31; font-size:.82rem; }
.documents-panel[b-89lcgxnad6] { overflow:hidden; }.document-grid[b-89lcgxnad6] { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem; padding:1rem; }.document-card[b-89lcgxnad6] { display:flex; flex-direction:column; overflow:hidden; color:#263d31; text-decoration:none; border:1px solid #e5e9e3; border-radius:14px; }.document-card img[b-89lcgxnad6],.pdf-preview[b-89lcgxnad6] { width:100%; height:145px; object-fit:cover; background:#f2f5f2; }.pdf-preview[b-89lcgxnad6] { display:grid; place-items:center; color:#a43e32; font-weight:800; font-size:1.25rem; }.document-card strong[b-89lcgxnad6],.document-card small[b-89lcgxnad6] { padding:.45rem .65rem 0; }.document-card small[b-89lcgxnad6] { padding-top:0; padding-bottom:.55rem; color:#849087; }
.decision-actions[b-89lcgxnad6] { display:flex; flex-wrap:wrap; gap:.55rem; }
@media (max-width:900px) { .review-flow[b-89lcgxnad6] { grid-template-columns:1fr; } }
@media (max-width:700px) { .review-summary[b-89lcgxnad6] { grid-template-columns:1fr; }.details-grid[b-89lcgxnad6] { grid-template-columns:1fr; }.details-grid dt[b-89lcgxnad6] { padding-bottom:.2rem; }.details-grid dd[b-89lcgxnad6] { padding-top:.2rem; }.document-grid[b-89lcgxnad6] { grid-template-columns:1fr; }.match-item[b-89lcgxnad6] { grid-template-columns:1fr; } }
/* /Components/Pages/VolunteerApplications.razor.rz.scp.css */
.review-toolbar[b-9easbgzg0h] { align-items:flex-start; flex-direction:column; }
.filter-row[b-9easbgzg0h] { display:flex; flex-wrap:wrap; gap:.45rem; }
.bypass-note[b-9easbgzg0h] { color:#257044 !important; }
/* /Components/Pages/VolunteerDistribution.razor.rz.scp.css */
.distribution-hero[b-oefluuvooc] { display:grid; grid-template-columns:1.5fr repeat(4,1fr); overflow:hidden; border:1px solid #dfe7e1; border-radius:18px; background:#dfe7e1; gap:1px; }
.distribution-hero > div[b-oefluuvooc] { display:flex; flex-direction:column; justify-content:center; min-height:105px; padding:1rem 1.2rem; background:#fff; }.distribution-hero small[b-oefluuvooc] { color:#849087; }.distribution-hero strong[b-oefluuvooc] { color:#173a2d; font-size:1.45rem; margin-top:.35rem; }.distribution-hero > div:first-child[b-oefluuvooc] { background:linear-gradient(135deg,#174e37,#226b4b); }.distribution-hero > div:first-child small[b-oefluuvooc],.distribution-hero > div:first-child strong[b-oefluuvooc] { color:#fff; }
.capacity-section[b-oefluuvooc] { padding:1.2rem; border:1px solid #e5e9e3; border-radius:18px; background:#fff; }.section-heading h2[b-oefluuvooc] { margin:0; color:#173a2d; font-size:1rem; }.section-heading p[b-oefluuvooc] { margin:.25rem 0 1rem; color:#849087; font-size:.78rem; }.capacity-grid[b-oefluuvooc] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }.capacity-card[b-oefluuvooc] { padding:1rem; border:1px solid #e4e9e4; border-radius:14px; background:#fafcfa; }.capacity-card.complete[b-oefluuvooc] { background:#f0f7f2; border-color:#cce1d2; }.capacity-title[b-oefluuvooc],.capacity-footer[b-oefluuvooc] { display:flex; justify-content:space-between; gap:.75rem; }.capacity-title strong[b-oefluuvooc],.capacity-title small[b-oefluuvooc] { display:block; }.capacity-title small[b-oefluuvooc],.capacity-footer[b-oefluuvooc] { color:#849087; font-size:.72rem; }.capacity-title > span[b-oefluuvooc] { color:#195c3e; font-weight:800; }.capacity-card .progress[b-oefluuvooc] { height:6px; margin:.8rem 0; background:#e5ebe6; }.capacity-card .progress-bar[b-oefluuvooc] { background:#c78d37; }.capacity-card.complete .progress-bar[b-oefluuvooc] { background:#257044; }.capacity-footer small[b-oefluuvooc] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.capacity-empty[b-oefluuvooc] { padding:1rem; color:#849087; background:#f7f9f7; border-radius:12px; }
.distribution-toolbar[b-oefluuvooc] { align-items:flex-start; flex-direction:column; }.filter-row[b-oefluuvooc] { display:flex; flex-wrap:wrap; gap:.45rem; }
.distribution-list[b-oefluuvooc] { display:flex; flex-direction:column; }.volunteer-row[b-oefluuvooc] { display:grid; grid-template-columns:1.1fr .9fr 1.3fr auto; gap:1rem; align-items:center; padding:1rem 1.2rem; border-bottom:1px solid #edf0ec; }.volunteer-identity[b-oefluuvooc],.volunteer-skills[b-oefluuvooc] { display:flex; flex-direction:column; }.volunteer-identity strong[b-oefluuvooc] { color:#263d31; }.volunteer-identity span[b-oefluuvooc],.volunteer-skills span[b-oefluuvooc] { color:#65736a; font-size:.76rem; }.volunteer-identity small[b-oefluuvooc],.volunteer-skills small[b-oefluuvooc] { color:#8c958f; font-size:.7rem; }.assignment-controls[b-oefluuvooc] { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }.assignment-actions[b-oefluuvooc] { display:flex; flex-direction:column; gap:.45rem; min-width:100px; }
@media (max-width:1000px) { .distribution-hero[b-oefluuvooc] { grid-template-columns:repeat(2,1fr); }.distribution-hero > div:first-child[b-oefluuvooc] { grid-column:1 / -1; }.capacity-grid[b-oefluuvooc] { grid-template-columns:repeat(2,1fr); }.volunteer-row[b-oefluuvooc] { grid-template-columns:1fr 1fr; }.assignment-controls[b-oefluuvooc],.assignment-actions[b-oefluuvooc] { grid-column:1 / -1; }.assignment-actions[b-oefluuvooc] { flex-direction:row; } }
@media (max-width:600px) { .distribution-hero[b-oefluuvooc],.capacity-grid[b-oefluuvooc],.volunteer-row[b-oefluuvooc] { grid-template-columns:1fr; }.distribution-hero > div:first-child[b-oefluuvooc] { grid-column:auto; }.assignment-controls[b-oefluuvooc] { grid-template-columns:1fr; } }
/* /Components/Pages/VolunteerSecurityReview.razor.rz.scp.css */
.review-summary[b-ybzv66q7p9] { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; background:#dfe7e1; border:1px solid #dfe7e1; border-radius:18px; }
.review-summary > div[b-ybzv66q7p9] { display:flex; flex-direction:column; justify-content:center; min-height:105px; padding:1rem 1.25rem; background:#fff; }
.review-summary small[b-ybzv66q7p9] { color:#849087; margin-bottom:.35rem; }.review-summary strong[b-ybzv66q7p9] { color:#173a2d; }.review-summary span:not(.status-badge)[b-ybzv66q7p9] { color:#6f7d74; font-size:.8rem; margin-top:.25rem; }
.review-flow[b-ybzv66q7p9] { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }.review-stage[b-ybzv66q7p9] { display:flex; gap:.85rem; min-height:112px; padding:1rem; border:1px solid #e3e8e4; border-radius:16px; background:#fff; }.review-stage > div[b-ybzv66q7p9] { display:flex; min-width:0; flex-direction:column; }.stage-number[b-ybzv66q7p9] { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:50%; color:#758078; background:#edf1ee; font-weight:800; }.review-stage small[b-ybzv66q7p9] { color:#89938c; }.review-stage strong[b-ybzv66q7p9] { margin:.15rem 0; color:#263d31; }.review-stage div > span[b-ybzv66q7p9] { color:#758078; font-size:.76rem; }.review-stage em[b-ybzv66q7p9] { margin-top:.45rem; color:#7f8982; font-size:.68rem; font-style:normal; }.stage-note[b-ybzv66q7p9] { margin:.45rem 0 0; color:#536159; font-size:.7rem; line-height:1.6; }.review-stage.current[b-ybzv66q7p9] { border-color:#d4aa67; background:#fffaf1; }.review-stage.current .stage-number[b-ybzv66q7p9] { color:#fff; background:#bf842e; }.review-stage.complete[b-ybzv66q7p9] { border-color:#cfe2d5; background:#f4faf6; }.review-stage.complete .stage-number[b-ybzv66q7p9] { color:#fff; background:#277047; }
.match-panel[b-ybzv66q7p9] { border-radius:18px; }.match-panel h2[b-ybzv66q7p9] { font-size:1rem; }.match-item[b-ybzv66q7p9] { display:grid; grid-template-columns:1fr 1fr auto; gap:.5rem 1rem; align-items:center; padding:.75rem 0; border-top:1px solid rgba(120,80,10,.12); }.match-item p[b-ybzv66q7p9] { grid-column:1 / -1; margin:0; }.match-item small[b-ybzv66q7p9] { color:#8b5818; }
.details-panel[b-ybzv66q7p9],.documents-panel[b-ybzv66q7p9] { overflow:hidden; }.details-grid[b-ybzv66q7p9] { display:grid; grid-template-columns:170px 1fr; margin:0; }.details-grid dt[b-ybzv66q7p9],.details-grid dd[b-ybzv66q7p9] { padding:.72rem 1.2rem; margin:0; border-bottom:1px solid #edf0ec; }.details-grid dt[b-ybzv66q7p9] { color:#78837b; background:#fafbfa; font-size:.75rem; }.details-grid dd[b-ybzv66q7p9] { color:#263d31; font-size:.82rem; }.document-grid[b-ybzv66q7p9] { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem; padding:1rem; }.document-card[b-ybzv66q7p9] { display:flex; flex-direction:column; overflow:hidden; color:#263d31; text-decoration:none; border:1px solid #e5e9e3; border-radius:14px; }.document-card img[b-ybzv66q7p9],.pdf-preview[b-ybzv66q7p9] { width:100%; height:145px; object-fit:cover; background:#f2f5f2; }.pdf-preview[b-ybzv66q7p9] { display:grid; place-items:center; color:#a43e32; font-weight:800; font-size:1.25rem; }.document-card strong[b-ybzv66q7p9],.document-card small[b-ybzv66q7p9] { padding:.45rem .65rem 0; }.document-card small[b-ybzv66q7p9] { padding-top:0; padding-bottom:.55rem; color:#849087; }.decision-actions[b-ybzv66q7p9] { display:flex; flex-wrap:wrap; gap:.55rem; }
@media (max-width:900px) { .review-flow[b-ybzv66q7p9] { grid-template-columns:1fr; } }
@media (max-width:700px) { .review-summary[b-ybzv66q7p9] { grid-template-columns:1fr; }.details-grid[b-ybzv66q7p9] { grid-template-columns:1fr; }.details-grid dt[b-ybzv66q7p9] { padding-bottom:.2rem; }.details-grid dd[b-ybzv66q7p9] { padding-top:.2rem; }.document-grid[b-ybzv66q7p9] { grid-template-columns:1fr; }.match-item[b-ybzv66q7p9] { grid-template-columns:1fr; } }
/* /Components/Pages/VolunteerSecurityReviews.razor.rz.scp.css */
.review-toolbar[b-r8i3y954wc] { align-items:flex-start; flex-direction:column; }
.filter-row[b-r8i3y954wc] { display:flex; flex-wrap:wrap; gap:.45rem; }
/* /Components/Shared/DailyDateNavigator.razor.rz.scp.css */
.daily-date-navigator[b-y7aeur2lrt] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .5rem;
    width: 100%;
}

.daily-date-navigator .form-control[b-y7aeur2lrt] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.daily-date-navigator .btn[b-y7aeur2lrt] {
    flex: 0 0 auto;
    min-height: 44px;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .daily-date-navigator .form-control[b-y7aeur2lrt] {
        font-size: .88rem;
        padding-inline: .45rem;
    }

    .daily-date-navigator .btn[b-y7aeur2lrt] {
        font-size: .78rem;
        padding-inline: .55rem;
    }
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-3ove4013fp] { min-height: 210px; display: grid; place-content: center; justify-items: center; text-align: center; color: #879189; }.empty-state > span[b-3ove4013fp] { font-size: 2rem; color: #b4c2b9; margin-bottom: .6rem; }.empty-state strong[b-3ove4013fp] { color: #425248; font-size: .9rem; }.empty-state p[b-3ove4013fp] { font-size: .76rem; margin: .35rem 0; }
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-o1ldqvogpt] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }.page-header h1[b-o1ldqvogpt] { color: #173a2d; font-size: 1.55rem; font-weight: 800; margin: 0; }.page-header p[b-o1ldqvogpt] { color: #7f8982; font-size: .85rem; margin: .35rem 0 0; }
/* /Components/Shared/VolunteerSearchFilters.razor.rz.scp.css */
.volunteer-search-filters[b-uxh5tgikkc] { width:100%; }.quick-search-row[b-uxh5tgikkc] { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; width:100%; }.advanced-toggle[b-uxh5tgikkc] { white-space:nowrap; }.advanced-toggle span[b-uxh5tgikkc] { display:inline-grid; place-items:center; min-width:22px; height:22px; margin-inline-start:.35rem; border-radius:20px; color:#fff; background:#c78d37; font-size:.7rem; }.reset-link[b-uxh5tgikkc] { color:#8a4c2f; }
.advanced-filters[b-uxh5tgikkc] { margin:1rem -1.2rem -.8rem; padding:1.2rem; border-top:1px solid #e5e9e3; background:linear-gradient(180deg,#f8faf8,#fff); }.advanced-heading[b-uxh5tgikkc] { display:flex; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.advanced-heading div[b-uxh5tgikkc] { display:flex; flex-direction:column; }.advanced-heading strong[b-uxh5tgikkc] { color:#173a2d; }.advanced-heading small[b-uxh5tgikkc],.advanced-heading > span[b-uxh5tgikkc] { color:#849087; font-size:.74rem; }.advanced-grid[b-uxh5tgikkc] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }.advanced-grid .form-label[b-uxh5tgikkc] { color:#65736a; font-size:.72rem; font-weight:700; }.advanced-actions[b-uxh5tgikkc] { display:flex; gap:.55rem; margin-top:1rem; }
@media (max-width:1100px) { .advanced-grid[b-uxh5tgikkc] { grid-template-columns:repeat(3,1fr); } }
@media (max-width:1000px) { .advanced-grid[b-uxh5tgikkc] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) { .advanced-grid[b-uxh5tgikkc] { grid-template-columns:1fr; }.quick-search-row .search-box[b-uxh5tgikkc] { flex:1 0 100%; }.advanced-heading[b-uxh5tgikkc] { flex-direction:column; } }
