/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   Main Layout
   تخطيط عام نظيف ومتجاوب لجميع صفحات المشروع.
   ============================================================ */

.app-layout[b-1no1mpuv60] {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    flex-direction: column;
    background-color: #f5f7fb;
}

.app-layout-content[b-1no1mpuv60] {
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    flex: 1;
    overflow-x: hidden;
}

/* ============================================================
   Blazor Error UI
   ============================================================ */

#blazor-error-ui[b-1no1mpuv60] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    width: 100%;
    padding: 12px 52px 12px 18px;
    border-top: 1px solid #f5c2c7;
    background-color: #f8d7da;
    color: #842029;
    box-shadow: 0 -3px 12px rgba(15, 23, 42, 0.12);
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.5;
    text-align: right;
}

    #blazor-error-ui .reload[b-1no1mpuv60] {
        margin-inline-start: 10px;
        color: #842029;
        font-weight: 700;
        text-decoration: underline;
    }

    #blazor-error-ui .dismiss[b-1no1mpuv60] {
        position: absolute;
        top: 50%;
        right: 18px;
        display: flex;
        width: 26px;
        height: 26px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
        font-size: 18px;
        transform: translateY(-50%);
    }

        #blazor-error-ui .dismiss:hover[b-1no1mpuv60] {
            background-color: rgba(132, 32, 41, 0.12);
        }

/* ============================================================
   Tablet and Mobile
   ============================================================ */

@media (max-width: 767.98px) {
    .app-layout[b-1no1mpuv60],
    .app-layout-content[b-1no1mpuv60] {
        min-height: 100dvh;
    }

    #blazor-error-ui[b-1no1mpuv60] {
        padding: 11px 48px 11px 12px;
        font-size: 14px;
    }

        #blazor-error-ui .dismiss[b-1no1mpuv60] {
            right: 12px;
        }
}

/* ============================================================
   Small Mobile
   ============================================================ */

@media (max-width: 420px) {
    #blazor-error-ui[b-1no1mpuv60] {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
    }

        #blazor-error-ui .reload[b-1no1mpuv60] {
            display: inline-block;
            margin-top: 4px;
        }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5ncc19ktwh] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-5ncc19ktwh] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-5ncc19ktwh] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-5ncc19ktwh] {
    font-size: 1.1rem;
}

.bi[b-5ncc19ktwh] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-5ncc19ktwh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-5ncc19ktwh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-5ncc19ktwh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-5ncc19ktwh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-5ncc19ktwh] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-5ncc19ktwh] {
        padding-bottom: 1rem;
    }

    .nav-item[b-5ncc19ktwh]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-5ncc19ktwh]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-5ncc19ktwh]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-5ncc19ktwh] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-5ncc19ktwh] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-5ncc19ktwh] {
        display: none;
    }

    .nav-scrollable[b-5ncc19ktwh] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-y07lx566zj],
.components-reconnect-repeated-attempt-visible[b-y07lx566zj],
.components-reconnect-failed-visible[b-y07lx566zj],
.components-pause-visible[b-y07lx566zj],
.components-resume-failed-visible[b-y07lx566zj],
.components-rejoining-animation[b-y07lx566zj] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-y07lx566zj {
    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/Admin/SystemAdmin.razor.rz.scp.css */
/* ============================================================
   System Admin
   واجهة إدارة Responsive قريبة من أسلوب SAP Fiori.
   ============================================================ */

.system-admin-page[b-ppbh17gglr] {
    width: 100%;
    min-height: 100vh;
    padding: clamp(12px, 2vw, 28px);
    background-color: #f5f7fb;
    color: #1d2939;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

/* ============================================================
   Header
   ============================================================ */

.system-admin-header[b-ppbh17gglr] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(17px, 2vw, 26px);
    border: 1px solid #d0d5dd;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07);
}

.system-admin-title[b-ppbh17gglr] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 15px;
}

.system-admin-title-icon[b-ppbh17gglr] {
    display: flex;
    width: 54px;
    min-width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background-color: #eaf3ff;
    color: #0a6ed1;
    font-size: 29px;
}

.system-admin-title h1[b-ppbh17gglr] {
    margin: 0;
    color: #101828;
    font-size: clamp(24px, 2.2vw, 36px);
    font-weight: 700;
    line-height: 1.3;
}

.system-admin-title p[b-ppbh17gglr] {
    margin: 5px 0 0;
    color: #667085;
    font-size: clamp(14px, 1vw, 17px);
    line-height: 1.6;
}

.system-admin-home-button[b-ppbh17gglr] {
    display: inline-flex;
    min-width: 165px;
    min-height: 44px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 17px;
    border: 1px solid #0a6ed1;
    border-radius: 22px;
    background-color: #ffffff;
    color: #0a6ed1;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.system-admin-home-button:hover[b-ppbh17gglr],
.system-admin-home-button:focus[b-ppbh17gglr] {
    background-color: #eaf3ff;
    color: #074b91;
    outline: none;
}

/* ============================================================
   Loading and Messages
   ============================================================ */

.system-admin-loading[b-ppbh17gglr] {
    display: flex;
    min-height: 280px;
    margin-top: 18px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    background-color: #ffffff;
    color: #475467;
    font-size: 17px;
    font-weight: 600;
}

.system-admin-spinner[b-ppbh17gglr] {
    width: 28px;
    height: 28px;
    border: 3px solid #d1e7ff;
    border-top-color: #0a6ed1;
    border-radius: 50%;
    animation: system-admin-spin-b-ppbh17gglr 0.8s linear infinite;
}

@keyframes system-admin-spin-b-ppbh17gglr {
    to {
        transform: rotate(360deg);
    }
}

.system-admin-page > .alert[b-ppbh17gglr] {
    margin: 18px 0 0;
    padding: 13px 16px;
    border-radius: 10px;
    line-height: 1.6;
}

/* ============================================================
   Navigation Tabs
   ============================================================ */

.system-admin-tabs[b-ppbh17gglr] {
    display: flex;
    width: 100%;
    margin-top: 18px;
    gap: 7px;
    padding: 8px;
    overflow-x: auto;
    border: 1px solid #d0d5dd;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05);
    scrollbar-width: thin;
}

.system-admin-tab[b-ppbh17gglr] {
    display: inline-flex;
    min-width: 145px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: 9px;
    background-color: transparent;
    color: #475467;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.system-admin-tab:hover[b-ppbh17gglr],
.system-admin-tab:focus[b-ppbh17gglr] {
    background-color: #f2f4f7;
    color: #0a6ed1;
    outline: none;
}

.system-admin-tab.active[b-ppbh17gglr] {
    background-color: #0a6ed1;
    color: #ffffff;
    box-shadow: 0 3px 9px rgba(10, 110, 209, 0.22);
}

/* ============================================================
   Main Content and Sections
   ============================================================ */

.system-admin-content[b-ppbh17gglr] {
    width: 100%;
    margin-top: 18px;
}

.system-admin-section[b-ppbh17gglr] {
    width: 100%;
    padding: clamp(16px, 2vw, 26px);
    border: 1px solid #d0d5dd;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.system-admin-section-heading[b-ppbh17gglr],
.system-admin-list-heading[b-ppbh17gglr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.system-admin-section-heading[b-ppbh17gglr] {
    margin-bottom: 16px;
}

.system-admin-section-heading h2[b-ppbh17gglr],
.system-admin-list-heading h2[b-ppbh17gglr] {
    margin: 0;
    color: #101828;
    font-size: clamp(20px, 1.5vw, 27px);
    font-weight: 700;
}

.system-admin-section-heading p[b-ppbh17gglr] {
    margin: 5px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.6;
}

.system-admin-list-heading[b-ppbh17gglr] {
    margin: 26px 0 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #eaecf0;
}

.system-admin-list-heading span[b-ppbh17gglr] {
    padding: 5px 11px;
    border-radius: 15px;
    background-color: #eaf3ff;
    color: #0a6ed1;
    font-size: 13px;
    font-weight: 700;
}

/* ============================================================
   Cards and Forms
   ============================================================ */

.system-admin-card[b-ppbh17gglr] {
    width: 100%;
    padding: clamp(15px, 1.7vw, 23px);
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    background-color: #f9fafb;
}

.system-admin-form-grid[b-ppbh17gglr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

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

.system-admin-field-wide[b-ppbh17gglr] {
    grid-column: span 2;
}

.system-admin-field > label[b-ppbh17gglr] {
    min-height: 23px;
    margin-bottom: 6px;
    color: #344054;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.system-admin-field .form-control[b-ppbh17gglr],
.system-admin-field .form-select[b-ppbh17gglr] {
    width: 100%;
    min-height: 46px;
    padding: 9px 12px;
    border: 1px solid #cfd6df;
    border-radius: 8px;
    background-color: #ffffff;
    color: #101828;
    font-size: 15px;
    line-height: 1.5;
}

.system-admin-field textarea.form-control[b-ppbh17gglr] {
    min-height: 92px;
    resize: vertical;
}

.system-admin-field .form-control:focus[b-ppbh17gglr],
.system-admin-field .form-select:focus[b-ppbh17gglr] {
    border-color: #0a6ed1;
    outline: none;
    box-shadow: 0 0 0 3px rgba(10, 110, 209, 0.13);
}

.system-admin-checkbox-box[b-ppbh17gglr] {
    display: flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 8px 12px;
    border: 1px solid #cfd6df;
    border-radius: 8px;
    background-color: #ffffff;
}

.system-admin-checkbox-box input[type="checkbox"][b-ppbh17gglr] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0a6ed1;
}

.system-admin-checkbox-box label[b-ppbh17gglr] {
    margin: 0;
    color: #344054;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.system-admin-actions[b-ppbh17gglr] {
    display: flex;
    margin-top: 18px;
    align-items: center;
    gap: 10px;
}

.system-admin-actions .btn[b-ppbh17gglr] {
    min-width: 145px;
    min-height: 44px;
    font-weight: 700;
}

.system-admin-actions .btn-primary[b-ppbh17gglr] {
    border-color: #0a6ed1;
    background-color: #0a6ed1;
}

.system-admin-actions .btn-primary:hover[b-ppbh17gglr],
.system-admin-actions .btn-primary:focus[b-ppbh17gglr] {
    border-color: #0854a0;
    background-color: #0854a0;
}

/* ============================================================
   Tables
   ============================================================ */

.system-admin-table-wrapper[b-ppbh17gglr] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-overflow-scrolling: touch;
}

.system-admin-table[b-ppbh17gglr] {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.system-admin-table thead th[b-ppbh17gglr] {
    padding: 12px;
    border-bottom: 1px solid #d0d5dd;
    background-color: #f2f4f7;
    color: #344054;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.system-admin-table tbody td[b-ppbh17gglr] {
    padding: 11px 12px;
    border-bottom: 1px solid #eaecf0;
    color: #344054;
    font-size: 14px;
    vertical-align: middle;
}

.system-admin-table tbody tr:last-child td[b-ppbh17gglr] {
    border-bottom: 0;
}

.system-admin-table tbody tr:hover td[b-ppbh17gglr] {
    background-color: #f9fafb;
}

.system-admin-table .btn-sm[b-ppbh17gglr] {
    min-width: 70px;
    min-height: 34px;
    padding: 5px 11px;
    border-radius: 7px;
}

.system-admin-empty-cell[b-ppbh17gglr] {
    height: 100px;
    color: #667085 !important;
    font-size: 15px !important;
    font-weight: 600;
    text-align: center;
}

.system-admin-route[b-ppbh17gglr] {
    direction: ltr;
    font-family: Consolas, "Courier New", monospace;
    text-align: left !important;
    white-space: nowrap;
}

.system-admin-status[b-ppbh17gglr] {
    display: inline-flex;
    min-width: 72px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
}

.system-admin-status.active[b-ppbh17gglr] {
    background-color: #dcfae6;
    color: #067647;
}

.system-admin-status.inactive[b-ppbh17gglr] {
    background-color: #fee4e2;
    color: #b42318;
}

.system-admin-table input[type="checkbox"][b-ppbh17gglr] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0a6ed1;
    cursor: pointer;
}

.system-admin-table input[type="checkbox"]:disabled[b-ppbh17gglr] {
    cursor: wait;
    opacity: 0.65;
}

/* ============================================================
   Permissions
   ============================================================ */

.system-admin-permission-selector[b-ppbh17gglr] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) minmax(0, 1fr);
    align-items: end;
    gap: 18px;
    margin-bottom: 18px;
}

.system-admin-permission-note[b-ppbh17gglr] {
    display: flex;
    min-height: 46px;
    align-items: center;
    padding: 10px 14px;
    border: 1px solid #b2d8ff;
    border-radius: 8px;
    background-color: #eaf3ff;
    color: #074b91;
    font-size: 14px;
    line-height: 1.6;
}

/* ============================================================
   Medium Desktop and Tablet
   ============================================================ */

@media (max-width: 1199.98px) {
    .system-admin-form-grid[b-ppbh17gglr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .system-admin-form-grid[b-ppbh17gglr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .system-admin-field-wide[b-ppbh17gglr] {
        grid-column: span 2;
    }

    .system-admin-permission-selector[b-ppbh17gglr] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

/* ============================================================
   Mobile
   ============================================================ */

@media (max-width: 767.98px) {
    .system-admin-page[b-ppbh17gglr] {
        padding: 10px;
    }

    .system-admin-header[b-ppbh17gglr] {
        flex-direction: column;
        align-items: stretch;
        border-radius: 12px;
    }

    .system-admin-title[b-ppbh17gglr] {
        align-items: flex-start;
    }

    .system-admin-title-icon[b-ppbh17gglr] {
        width: 46px;
        min-width: 46px;
        height: 46px;
        font-size: 25px;
    }

    .system-admin-home-button[b-ppbh17gglr] {
        width: 100%;
    }

    .system-admin-tabs[b-ppbh17gglr] {
        margin-top: 12px;
        border-radius: 11px;
    }

    .system-admin-tab[b-ppbh17gglr] {
        min-width: 130px;
    }

    .system-admin-content[b-ppbh17gglr] {
        margin-top: 12px;
    }

    .system-admin-section[b-ppbh17gglr] {
        padding: 14px;
        border-radius: 12px;
    }

    .system-admin-form-grid[b-ppbh17gglr] {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .system-admin-field-wide[b-ppbh17gglr] {
        grid-column: span 1;
    }

    .system-admin-actions[b-ppbh17gglr] {
        flex-direction: column;
        align-items: stretch;
    }

    .system-admin-actions .btn[b-ppbh17gglr] {
        width: 100%;
    }

    .system-admin-section-heading[b-ppbh17gglr],
    .system-admin-list-heading[b-ppbh17gglr] {
        align-items: flex-start;
    }

    .system-admin-table[b-ppbh17gglr] {
        min-width: 720px;
    }
}

/* ============================================================
   Small Mobile
   ============================================================ */

@media (max-width: 420px) {
    .system-admin-title[b-ppbh17gglr] {
        flex-direction: column;
    }

    .system-admin-section-heading[b-ppbh17gglr],
    .system-admin-list-heading[b-ppbh17gglr] {
        flex-direction: column;
    }

    .system-admin-list-heading span[b-ppbh17gglr] {
        align-self: flex-start;
    }

    .system-admin-card[b-ppbh17gglr] {
        padding: 12px;
    }
}

/* ============================================================
   Reduced Motion
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
    .system-admin-spinner[b-ppbh17gglr] {
        animation: none;
    }

    .system-admin-tab[b-ppbh17gglr],
    .system-admin-home-button[b-ppbh17gglr] {
        transition: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* /Components/Pages/Launchpad/Launchpad.razor.rz.scp.css */
/* ============================================================
   Launchpad
   تصميم Responsive للكمبيوتر والتابلت والموبايل.
   ============================================================ */

.launchpad-page[b-jpy03y59j5] {
    width: 100%;
    min-height: 100vh;
    padding: clamp(14px, 2vw, 28px);
    box-sizing: border-box;
    background-color: #f5f7fb;
    color: #1f2937;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

/* ============================================================
   Header
   ============================================================ */

.launchpad-header[b-jpy03y59j5] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(18px, 2vw, 28px);
    border: 1px solid #dbe2ea;
    border-radius: 18px;
    background-color: #ffffff;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.07);
}

.launchpad-brand[b-jpy03y59j5] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: clamp(14px, 1.6vw, 22px);
}

.launchpad-brand-logo[b-jpy03y59j5] {
    display: block;
    width: clamp(82px, 7vw, 108px);
    height: clamp(82px, 7vw, 108px);
    flex: 0 0 auto;
    object-fit: cover;
    object-position: center;
    border: 3px solid #ffffff;
    border-radius: 18px;
    background-color: #f4eadc;
    box-shadow: 0 5px 16px rgba(86, 52, 27, 0.20);
}

.launchpad-brand-text[b-jpy03y59j5] {
    min-width: 0;
}

    .launchpad-header h1[b-jpy03y59j5] {
        margin: 0;
        color: #172033;
        font-size: clamp(25px, 2.5vw, 38px);
        font-weight: 700;
        line-height: 1.3;
    }

    .launchpad-header p[b-jpy03y59j5] {
        margin: 6px 0 0;
        color: #667085;
        font-size: clamp(14px, 1.2vw, 18px);
        line-height: 1.5;
    }

.launchpad-user-panel[b-jpy03y59j5] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.launchpad-user-details[b-jpy03y59j5] {
    display: flex;
    min-width: 160px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

    .launchpad-user-details strong[b-jpy03y59j5] {
        color: #101828;
        font-size: 16px;
        font-weight: 700;
    }

    .launchpad-user-details span[b-jpy03y59j5] {
        color: #667085;
        font-size: 14px;
    }

.launchpad-user-panel .btn[b-jpy03y59j5] {
    min-width: 120px;
    min-height: 42px;
    border-radius: 10px;
    font-weight: 600;
}

/* ============================================================
   Messages
   ============================================================ */

.launchpad-message[b-jpy03y59j5] {
    display: flex;
    min-height: 220px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border: 1px solid #dbe2ea;
    border-radius: 16px;
    background-color: #ffffff;
    color: #667085;
    font-size: clamp(17px, 1.5vw, 22px);
    font-weight: 600;
    text-align: center;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.launchpad-page > .alert[b-jpy03y59j5] {
    margin-top: 20px;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 15px;
}

/* ============================================================
   Spaces Navigation
   ============================================================ */

.launchpad-spaces[b-jpy03y59j5] {
    display: flex;
    width: 100%;
    margin-top: 20px;
    gap: 10px;
    padding: 12px;
    overflow-x: auto;
    border: 1px solid #dbe2ea;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
    scrollbar-width: thin;
}

.launchpad-space-button[b-jpy03y59j5] {
    min-width: 150px;
    min-height: 44px;
    padding: 9px 18px;
    border: 1px solid #cfd8e3;
    border-radius: 11px;
    background-color: #ffffff;
    color: #344054;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

    .launchpad-space-button:hover[b-jpy03y59j5],
    .launchpad-space-button:focus[b-jpy03y59j5] {
        border-color: #1570ef;
        background-color: #eff8ff;
        color: #175cd3;
        outline: none;
    }

    .launchpad-space-button.active[b-jpy03y59j5] {
        border-color: #175cd3;
        background-color: #175cd3;
        color: #ffffff;
    }

/* ============================================================
   Main Content
   ============================================================ */

.launchpad-content[b-jpy03y59j5] {
    width: 100%;
    margin-top: 20px;
    padding: clamp(18px, 2vw, 30px);
    border: 1px solid #dbe2ea;
    border-radius: 18px;
    background-color: #ffffff;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}

.launchpad-space-title[b-jpy03y59j5] {
    margin-bottom: 26px;
}

    .launchpad-space-title h2[b-jpy03y59j5] {
        margin: 0;
        color: #101828;
        font-size: clamp(24px, 2vw, 34px);
        font-weight: 700;
        line-height: 1.35;
    }

    .launchpad-space-title p[b-jpy03y59j5] {
        margin: 8px 0 0;
        color: #667085;
        font-size: clamp(14px, 1.1vw, 17px);
        line-height: 1.7;
    }

/* ============================================================
   Sections
   ============================================================ */

.launchpad-section[b-jpy03y59j5] {
    margin-top: 28px;
}

    .launchpad-section:first-of-type[b-jpy03y59j5] {
        margin-top: 0;
    }

.launchpad-section-header[b-jpy03y59j5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e7ec;
}

    .launchpad-section-header h3[b-jpy03y59j5] {
        margin: 0;
        color: #1d2939;
        font-size: clamp(19px, 1.5vw, 25px);
        font-weight: 700;
    }

    .launchpad-section-header span[b-jpy03y59j5] {
        flex-shrink: 0;
        padding: 5px 10px;
        border-radius: 14px;
        background-color: #eff8ff;
        color: #175cd3;
        font-size: 13px;
        font-weight: 700;
    }

/* ============================================================
   Tiles
   ============================================================ */

.launchpad-tiles[b-jpy03y59j5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.launchpad-tile[b-jpy03y59j5] {
    display: flex;
    width: 100%;
    min-height: 125px;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border: 1px solid #d7dee8;
    border-radius: 15px;
    background: linear-gradient( 180deg, #ffffff 0%, #f8fbff 100% );
    color: #1d2939;
    font-family: inherit;
    text-align: right;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

    .launchpad-tile:hover[b-jpy03y59j5],
    .launchpad-tile:focus[b-jpy03y59j5] {
        border-color: #1570ef;
        outline: none;
        background-color: #ffffff;
        box-shadow: 0 10px 24px rgba(21, 112, 239, 0.14);
        transform: translateY(-2px);
    }

.launchpad-tile-icon[b-jpy03y59j5] {
    display: grid;
    width: 46px;
    min-width: 46px;
    height: 46px;
    flex: 0 0 46px;
    place-items: center;
    align-self: center;
    border-radius: 12px;
    background-color: #eff8ff;
    color: #175cd3;
    font-size: 22px;
    line-height: 1;
}

.launchpad-tile-details[b-jpy03y59j5] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    overflow: hidden;
    text-align: right;
}

.launchpad-tile-details strong[b-jpy03y59j5] {
    display: block;
    width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
    color: #1d2939;
    font-size: clamp(16px, 1.15vw, 19px);
    font-weight: 700;
    line-height: 1.45;
    white-space: normal;
}

.launchpad-tile-details small[b-jpy03y59j5] {
    display: block;
    width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
    color: #667085;
    font-size: clamp(13px, 0.95vw, 15px);
    font-weight: 400;
    line-height: 1.65;
    white-space: normal;
}

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 991.98px) {
    .launchpad-header[b-jpy03y59j5] {
        align-items: stretch;
        flex-direction: column;
    }

    .launchpad-user-panel[b-jpy03y59j5] {
        justify-content: space-between;
    }

    .launchpad-tiles[b-jpy03y59j5] {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

@media (max-width: 575.98px) {
    .launchpad-page[b-jpy03y59j5] {
        padding: 10px;
    }

    .launchpad-user-panel[b-jpy03y59j5] {
        align-items: stretch;
        flex-direction: column;
    }

    .launchpad-user-details[b-jpy03y59j5] {
        min-width: 0;
        align-items: flex-start;
    }

    .launchpad-spaces[b-jpy03y59j5] {
        padding: 9px;
    }

    .launchpad-space-button[b-jpy03y59j5] {
        min-width: 135px;
    }

    .launchpad-content[b-jpy03y59j5] {
        padding: 15px;
    }

    .launchpad-section-header[b-jpy03y59j5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .launchpad-tiles[b-jpy03y59j5] {
        grid-template-columns: 1fr;
    }

    .launchpad-tile[b-jpy03y59j5] {
        min-height: 118px;
        padding: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .launchpad-page *[b-jpy03y59j5] {
        transition: none !important;
        animation: none !important;
    }
}

/* Church identity title: same loaded font as the login page. */
.launchpad-header .launchpad-brand-text .launchpad-church-name[b-jpy03y59j5] {
    max-width: 720px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #075d8b !important;
    font-family: "StMary Ruqaa", "Traditional Arabic", serif !important;
    font-size: clamp(27px, 2.2vw, 36px) !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: right !important;
    text-decoration: none !important;
    text-shadow: 0 3px 9px rgba(7, 93, 139, 0.11) !important;
    white-space: normal;
}

.launchpad-header .launchpad-brand-text .launchpad-church-name[b-jpy03y59j5]::before,
.launchpad-header .launchpad-brand-text .launchpad-church-name[b-jpy03y59j5]::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    content: none !important;
}

@media (max-width: 575.98px) {
    .launchpad-brand[b-jpy03y59j5] {
        align-items: center;
        gap: 12px;
    }

    .launchpad-brand-logo[b-jpy03y59j5] {
        width: 72px;
        height: 72px;
        border-radius: 14px;
    }

    .launchpad-header .launchpad-brand-text .launchpad-church-name[b-jpy03y59j5] {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }
}
/* /Components/Pages/Servants/Attendance/ServantAttendance.razor.rz.scp.css */
/* صفحة تسجيل حضور الخدام بنفس الهوية البصرية المعتمدة في النظام. */
.servant-attendance-page[b-b5njxyb35a] {
    --attendance-primary: #175b8f;
    --attendance-primary-dark: #10466f;
    --attendance-border: #c8d5e2;
    --attendance-soft-border: #dde6ef;
    --attendance-text: #243447;
    --attendance-muted: #66788a;
    width: 100%;
    min-height: 100vh;
    padding: 22px;
    direction: rtl;
    background: #eef3f8;
    color: var(--attendance-text);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.servant-attendance-page[b-b5njxyb35a],
.servant-attendance-page *[b-b5njxyb35a] {
    box-sizing: border-box;
}

.servant-attendance-header[b-b5njxyb35a] {
    display: flex;
    width: 100%;
    margin: 0 auto 16px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--attendance-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.servant-attendance-eyebrow[b-b5njxyb35a] {
    color: var(--attendance-primary);
    font-size: 13px;
    font-weight: 800;
}

.servant-attendance-header h1[b-b5njxyb35a] {
    margin: 3px 0 0;
    color: #17324d;
    font-size: clamp(27px, 2vw, 38px);
    font-weight: 800;
}

.servant-attendance-header p[b-b5njxyb35a] {
    margin: 5px 0 0;
    color: var(--attendance-muted);
}

.servant-attendance-home[b-b5njxyb35a] {
    display: inline-flex !important;
    width: 208px !important;
    min-width: 208px !important;
    height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border: 1px solid #0d6efd !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0d6efd !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.servant-attendance-home[b-b5njxyb35a]::after {
    content: "⌂";
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.servant-attendance-home:hover[b-b5njxyb35a],
.servant-attendance-home:focus[b-b5njxyb35a] {
    background: #0d6efd !important;
    color: #ffffff !important;
}

.servant-attendance-page > .alert[b-b5njxyb35a] {
    width: 100%;
    margin: 0 auto 16px;
    padding: 13px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 650;
}

.servant-attendance-toolbar-card[b-b5njxyb35a] {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    padding: 16px 18px;
    align-items: end;
    gap: 16px;
    border: 1px solid var(--attendance-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-attendance-date-field[b-b5njxyb35a] {
    width: min(320px, 100%);
}

.servant-attendance-date-field label[b-b5njxyb35a] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 750;
}

.servant-attendance-summary[b-b5njxyb35a] {
    display: flex;
    min-width: 155px;
    min-height: 58px;
    padding: 8px 14px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f5f9fc;
}

.servant-attendance-summary span[b-b5njxyb35a] {
    color: var(--attendance-muted);
    font-size: 13px;
    font-weight: 700;
}

.servant-attendance-summary strong[b-b5njxyb35a] {
    color: var(--attendance-primary-dark);
    font-size: 22px;
    font-weight: 800;
}

.servant-attendance-grid-card[b-b5njxyb35a] {
    width: 100%;
    padding: 14px;
    border: 1px solid var(--attendance-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-attendance-grid-wrapper[b-b5njxyb35a] {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
}

.servant-attendance-page[b-b5njxyb35a]  .e-grid {
    overflow: hidden;
    border: 1px solid #d6e0ea;
    border-radius: 12px;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.servant-attendance-page[b-b5njxyb35a]  .e-grid .e-headercell {
    height: 48px;
    background: #edf4fa;
    color: #17324d;
    font-weight: 750;
}

.servant-attendance-page[b-b5njxyb35a]  .e-grid .e-rowcell {
    padding: 8px 7px;
    vertical-align: middle;
    color: #344054;
}

.servant-attendance-page[b-b5njxyb35a]  .e-grid .e-altrow {
    background: #fbfcfd;
}

.servant-attendance-page[b-b5njxyb35a]  .e-grid .e-row:hover .e-rowcell {
    background: #f0f7fd;
}

.servant-attendance-page[b-b5njxyb35a]  .e-input-group,
.servant-attendance-page[b-b5njxyb35a]  .e-input-group.e-control-wrapper {
    min-height: 46px !important;
    overflow: hidden !important;
    border: 1px solid var(--attendance-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.servant-attendance-page[b-b5njxyb35a]  .e-input-group.e-input-focus,
.servant-attendance-page[b-b5njxyb35a]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--attendance-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(23, 91, 143, 0.14) !important;
}

.servant-attendance-page[b-b5njxyb35a]  .e-input-group::before,
.servant-attendance-page[b-b5njxyb35a]  .e-input-group::after {
    display: none !important;
}

.attendance-check[b-b5njxyb35a] {
    display: grid;
    width: 34px;
    height: 34px;
    margin: auto;
    place-items: center;
    border: 1px solid #c7d3df;
    border-radius: 9px;
    background: #ffffff;
    cursor: pointer;
}

.attendance-check.checked[b-b5njxyb35a] {
    border-color: #70bd98;
    background: #dff3e9;
}

.attendance-check input[b-b5njxyb35a] {
    width: 18px;
    height: 18px;
    accent-color: #198754;
    cursor: pointer;
}

.attendance-time-input[b-b5njxyb35a],
.attendance-number-input[b-b5njxyb35a],
.attendance-notes-input[b-b5njxyb35a] {
    width: 100%;
    min-height: 38px;
    padding: 6px 8px;
    border: 1px solid #c8d5e2;
    border-radius: 9px;
    outline: 0;
    background: #ffffff;
    color: #243447;
    font-family: inherit;
    text-align: center;
}

.attendance-number-input[b-b5njxyb35a] {
    max-width: 86px;
}

.attendance-number-input.filled[b-b5njxyb35a] {
    border-color: #80b9d8;
    background: #e7f4fb;
}

.attendance-notes-input[b-b5njxyb35a] {
    min-width: 200px;
    resize: vertical;
    text-align: right;
}

.attendance-time-input:focus[b-b5njxyb35a],
.attendance-number-input:focus[b-b5njxyb35a],
.attendance-notes-input:focus[b-b5njxyb35a] {
    border-color: var(--attendance-primary);
    box-shadow: 0 0 0 3px rgba(23, 91, 143, 0.13);
}

.servant-attendance-loading[b-b5njxyb35a],
.servant-attendance-empty[b-b5njxyb35a] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--attendance-muted);
    font-size: 17px;
    font-weight: 700;
}

.servant-attendance-spinner[b-b5njxyb35a] {
    width: 24px;
    height: 24px;
    border: 3px solid #d9e6f1;
    border-top-color: var(--attendance-primary);
    border-radius: 50%;
    animation: servant-attendance-spin-b-b5njxyb35a 0.8s linear infinite;
}

@keyframes servant-attendance-spin-b-b5njxyb35a {
    to { transform: rotate(360deg); }
}

.servant-attendance-totals[b-b5njxyb35a] {
    display: flex;
    width: 100%;
    margin-top: 16px;
    padding: 14px;
    flex-wrap: wrap;
    gap: 12px;
    border: 1px solid var(--attendance-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-attendance-total-card[b-b5njxyb35a] {
    display: flex;
    min-width: 135px;
    min-height: 68px;
    padding: 9px 14px;
    flex: 1 1 135px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f7fafc;
}

.servant-attendance-total-card span[b-b5njxyb35a] {
    color: var(--attendance-muted);
    font-size: 14px;
    font-weight: 700;
}

.servant-attendance-total-card strong[b-b5njxyb35a] {
    color: var(--attendance-primary);
    font-size: 24px;
    font-weight: 800;
}

.servant-attendance-actions[b-b5njxyb35a] {
    display: flex;
    width: 100%;
    margin-top: 16px;
    padding: 16px 18px;
    justify-content: flex-start;
    border: 1px solid var(--attendance-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-attendance-actions .btn[b-b5njxyb35a] {
    min-width: 210px;
    min-height: 46px;
    border-radius: 11px;
    font-weight: 750;
}

@media (max-width: 800px) {
    .servant-attendance-page[b-b5njxyb35a] {
        padding: 10px;
    }

    .servant-attendance-header[b-b5njxyb35a],
    .servant-attendance-toolbar-card[b-b5njxyb35a] {
        align-items: stretch;
        flex-direction: column;
    }

    .servant-attendance-date-field[b-b5njxyb35a],
    .servant-attendance-home[b-b5njxyb35a] {
        width: 100% !important;
    }

    .servant-attendance-summary[b-b5njxyb35a] {
        width: 100%;
    }

    .servant-attendance-actions .btn[b-b5njxyb35a] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .servant-attendance-page *[b-b5njxyb35a] {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Pages/Servants/Reports/ServantAttendanceReport.razor.rz.scp.css */
/* تقرير حضور الخدام بنفس الهوية البصرية المعتمدة في النظام. */
.servant-report-page[b-2kyvsywyrm] {
    --report-primary: #175b8f;
    --report-primary-dark: #10466f;
    --report-border: #c8d5e2;
    --report-soft-border: #dde6ef;
    --report-text: #243447;
    --report-muted: #66788a;
    width: 100%;
    min-height: 100vh;
    padding: 22px;
    direction: rtl;
    background: #eef3f8;
    color: var(--report-text);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.servant-report-page[b-2kyvsywyrm],
.servant-report-page *[b-2kyvsywyrm] {
    box-sizing: border-box;
}

.servant-report-header[b-2kyvsywyrm] {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--report-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.servant-report-eyebrow[b-2kyvsywyrm] {
    color: var(--report-primary);
    font-size: 13px;
    font-weight: 800;
}

.servant-report-header h1[b-2kyvsywyrm] {
    margin: 3px 0 0;
    color: #17324d;
    font-size: clamp(27px, 2vw, 38px);
    font-weight: 800;
}

.servant-report-header p[b-2kyvsywyrm] {
    margin: 5px 0 0;
    color: var(--report-muted);
}

.servant-report-home[b-2kyvsywyrm] {
    display: inline-flex !important;
    width: 208px !important;
    min-width: 208px !important;
    height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border: 1px solid #0d6efd !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0d6efd !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.servant-report-home[b-2kyvsywyrm]::after {
    content: "⌂";
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.servant-report-home:hover[b-2kyvsywyrm],
.servant-report-home:focus[b-2kyvsywyrm] {
    background: #0d6efd !important;
    color: #ffffff !important;
}

.servant-report-page > .alert[b-2kyvsywyrm] {
    width: 100%;
    margin: 0 0 16px;
    padding: 13px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 650;
}

.servant-report-filter-card[b-2kyvsywyrm] {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    padding: 16px 18px;
    align-items: end;
    gap: 16px;
    border: 1px solid var(--report-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-report-date-field[b-2kyvsywyrm] {
    width: min(300px, 100%);
}

.servant-report-date-field label[b-2kyvsywyrm] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 750;
}

.servant-report-summary[b-2kyvsywyrm] {
    display: flex;
    min-width: 165px;
    min-height: 58px;
    padding: 8px 14px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f5f9fc;
}

.servant-report-summary span[b-2kyvsywyrm] {
    color: var(--report-muted);
    font-size: 13px;
    font-weight: 700;
}

.servant-report-summary strong[b-2kyvsywyrm] {
    color: var(--report-primary-dark);
    font-size: 22px;
    font-weight: 800;
}

.servant-report-grid-card[b-2kyvsywyrm] {
    width: 100%;
    padding: 14px;
    border: 1px solid var(--report-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-report-grid-wrapper[b-2kyvsywyrm] {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
}

.servant-report-page[b-2kyvsywyrm]  .e-grid {
    overflow: hidden;
    border: 1px solid #d6e0ea;
    border-radius: 12px;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.servant-report-page[b-2kyvsywyrm]  .e-grid .e-headercell {
    height: 48px;
    background: #edf4fa;
    color: #17324d;
    font-weight: 750;
}

.servant-report-page[b-2kyvsywyrm]  .e-grid .e-rowcell {
    padding: 8px 7px;
    vertical-align: middle;
    color: #344054;
}

.servant-report-page[b-2kyvsywyrm]  .e-grid .e-altrow {
    background: #fbfcfd;
}

.servant-report-page[b-2kyvsywyrm]  .e-grid .e-row:hover .e-rowcell {
    background: #f0f7fd;
}

.servant-report-page[b-2kyvsywyrm]  .e-input-group,
.servant-report-page[b-2kyvsywyrm]  .e-input-group.e-control-wrapper {
    min-height: 46px !important;
    overflow: hidden !important;
    border: 1px solid var(--report-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.servant-report-page[b-2kyvsywyrm]  .e-input-group.e-input-focus,
.servant-report-page[b-2kyvsywyrm]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--report-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(23, 91, 143, 0.14) !important;
}

.servant-report-page[b-2kyvsywyrm]  .e-input-group::before,
.servant-report-page[b-2kyvsywyrm]  .e-input-group::after {
    display: none !important;
}

.servant-report-count[b-2kyvsywyrm],
.servant-report-time[b-2kyvsywyrm] {
    display: inline-grid;
    min-width: 42px;
    min-height: 32px;
    padding: 4px 8px;
    place-items: center;
    border-radius: 9px;
    color: #667085;
    font-weight: 700;
}

.servant-report-count.has-value[b-2kyvsywyrm] {
    border: 1px solid #b8d5ec;
    background: #eaf4fb;
    color: var(--report-primary-dark);
}

.servant-report-time:not(:empty)[b-2kyvsywyrm] {
    border: 1px solid #c9d8e6;
    background: #f4f8fb;
    color: #34495e;
}

.servant-report-loading[b-2kyvsywyrm],
.servant-report-empty[b-2kyvsywyrm] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--report-muted);
    font-size: 17px;
    font-weight: 700;
}

.servant-report-spinner[b-2kyvsywyrm] {
    width: 24px;
    height: 24px;
    border: 3px solid #d9e6f1;
    border-top-color: var(--report-primary);
    border-radius: 50%;
    animation: servant-report-spin-b-2kyvsywyrm 0.8s linear infinite;
}

@keyframes servant-report-spin-b-2kyvsywyrm {
    to { transform: rotate(360deg); }
}

.servant-report-totals[b-2kyvsywyrm] {
    display: grid;
    width: 100%;
    margin-top: 16px;
    padding: 14px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    border: 1px solid var(--report-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.servant-report-total-card[b-2kyvsywyrm] {
    display: flex;
    min-height: 72px;
    padding: 10px 14px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f7fafc;
}

.servant-report-total-card span[b-2kyvsywyrm] {
    color: var(--report-muted);
    font-size: 14px;
    font-weight: 700;
}

.servant-report-total-card strong[b-2kyvsywyrm] {
    color: var(--report-primary);
    font-size: 24px;
    font-weight: 800;
}

.servant-report-total-highlight[b-2kyvsywyrm] {
    border-color: #b9d7ed;
    background: #edf6fc;
}

@media (max-width: 800px) {
    .servant-report-page[b-2kyvsywyrm] {
        padding: 10px;
    }

    .servant-report-header[b-2kyvsywyrm],
    .servant-report-filter-card[b-2kyvsywyrm] {
        align-items: stretch;
        flex-direction: column;
    }

    .servant-report-date-field[b-2kyvsywyrm],
    .servant-report-summary[b-2kyvsywyrm],
    .servant-report-home[b-2kyvsywyrm] {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .servant-report-page *[b-2kyvsywyrm] {
        animation: none !important;
        transition: none !important;
    }
}


/* أزرار التصدير والطباعة داخل بطاقة الفلاتر. */
.servant-report-export-actions[b-2kyvsywyrm] {
    display: flex;
    margin-inline-start: auto;
    align-items: center;
    gap: 10px;
}

.servant-report-export-actions .btn[b-2kyvsywyrm] {
    min-width: 155px;
    min-height: 46px;
    border-radius: 11px;
    font-weight: 700;
}

/* عنوان مخصص لنسخة الطباعة ولا يظهر أثناء الاستخدام العادي. */
.servant-report-print-title[b-2kyvsywyrm] {
    display: none;
}

@media (max-width: 1000px) {
    .servant-report-export-actions[b-2kyvsywyrm] {
        width: 100%;
        margin-inline-start: 0;
    }

    .servant-report-export-actions .btn[b-2kyvsywyrm] {
        flex: 1 1 0;
    }
}

@media print {
    @page {
        size: A4 landscape;
        margin: 8mm;
    }

    html[b-2kyvsywyrm],
    body[b-2kyvsywyrm] {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .no-print[b-2kyvsywyrm],
    .servant-report-page[b-2kyvsywyrm]  .e-grid .e-toolbar,
    .servant-report-page[b-2kyvsywyrm]  .e-grid .e-pager,
    .servant-report-page[b-2kyvsywyrm]  .e-grid .e-gridheader .e-icons,
    .servant-report-page[b-2kyvsywyrm]  .e-resizehandler {
        display: none !important;
    }

    .servant-report-page[b-2kyvsywyrm] {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #ffffff !important;
        color: #000000 !important;
    }

    .servant-report-print-title[b-2kyvsywyrm] {
        display: block !important;
        margin: 0 0 8mm;
        padding: 0 0 4mm;
        border-bottom: 1px solid #778899;
        text-align: center;
        break-after: avoid-page;
    }

    .servant-report-print-title h2[b-2kyvsywyrm] {
        margin: 0;
        color: #000000;
        font-size: 18pt;
        font-weight: 800;
    }

    .servant-report-print-title p[b-2kyvsywyrm] {
        margin: 2mm 0 0;
        color: #222222;
        font-size: 10pt;
        font-weight: 600;
    }

    .servant-report-grid-card[b-2kyvsywyrm],
    .servant-report-grid-wrapper[b-2kyvsywyrm] {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .servant-report-page[b-2kyvsywyrm]  .e-grid,
    .servant-report-page[b-2kyvsywyrm]  .e-gridcontent,
    .servant-report-page[b-2kyvsywyrm]  .e-content,
    .servant-report-page[b-2kyvsywyrm]  .e-gridheader,
    .servant-report-page[b-2kyvsywyrm]  .e-headercontent {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        border-radius: 0 !important;
    }

    .servant-report-page[b-2kyvsywyrm]  .e-grid table {
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        font-size: 6.5pt !important;
    }

    .servant-report-page[b-2kyvsywyrm]  .e-grid .e-headercell,
    .servant-report-page[b-2kyvsywyrm]  .e-grid .e-rowcell {
        height: auto !important;
        padding: 2px 3px !important;
        overflow: visible !important;
        border: 1px solid #777777 !important;
        background: #ffffff !important;
        color: #000000 !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    .servant-report-page[b-2kyvsywyrm]  .e-grid .e-headercell {
        background: #e9eef3 !important;
        font-weight: 800 !important;
    }

    .servant-report-page[b-2kyvsywyrm]  .e-grid thead {
        display: table-header-group !important;
    }

    .servant-report-page[b-2kyvsywyrm]  .e-grid tr {
        break-inside: avoid !important;
    }

    .servant-report-count[b-2kyvsywyrm],
    .servant-report-time[b-2kyvsywyrm] {
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #000000 !important;
        font-size: 6.5pt !important;
    }

    .servant-report-totals[b-2kyvsywyrm] {
        display: grid !important;
        width: 100% !important;
        margin: 5mm 0 0 !important;
        padding: 3mm !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 2mm !important;
        border: 1px solid #777777 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        break-inside: avoid-page !important;
    }

    .servant-report-total-card[b-2kyvsywyrm] {
        min-height: 14mm !important;
        padding: 2mm !important;
        border: 1px solid #999999 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
    }

    .servant-report-total-card span[b-2kyvsywyrm] {
        color: #000000 !important;
        font-size: 7pt !important;
    }

    .servant-report-total-card strong[b-2kyvsywyrm] {
        color: #000000 !important;
        font-size: 10pt !important;
    }
}
/* /Components/Pages/Servants/ServantForm.razor.rz.scp.css */
.servant-form-page[b-gyfp7luj00]{--c:#175b8f;--d:#10466f;--b:#c8d5e2;--m:#66788a;min-height:100vh;padding:22px;direction:rtl;background:#eef3f8;color:#243447;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.servant-form-page[b-gyfp7luj00],.servant-form-page *[b-gyfp7luj00]{box-sizing:border-box}.servant-form-header[b-gyfp7luj00]{display:flex;width:min(1480px,100%);margin:0 auto 18px;padding:18px 22px;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dde6ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,59,83,.08)}.servant-form-eyebrow[b-gyfp7luj00]{color:var(--c);font-size:13px;font-weight:800}.servant-form-header h1[b-gyfp7luj00]{margin:3px 0 0;color:#17324d;font-size:clamp(27px,2vw,38px);font-weight:800}.servant-form-header p[b-gyfp7luj00]{margin:5px 0 0;color:var(--m)}.servant-form-home[b-gyfp7luj00]{display:inline-flex!important;width:208px!important;height:56px!important;align-items:center;justify-content:center;gap:9px;border:1px solid #0d6efd!important;border-radius:999px!important;background:#fff!important;color:#0d6efd!important;font-weight:700!important}.servant-form-home[b-gyfp7luj00]::after{content:"⌂";font-family:Arial;font-size:14px}.servant-form-home:hover[b-gyfp7luj00],.servant-form-home:focus[b-gyfp7luj00]{background:#0d6efd!important;color:#fff!important}.servant-form-page form[b-gyfp7luj00]{display:grid;width:min(1480px,100%);margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.servant-form-section[b-gyfp7luj00]{min-width:0;padding:18px;border:1px solid #dde6ef;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.servant-form-section-full[b-gyfp7luj00]{grid-column:1/-1}.servant-form-section-title[b-gyfp7luj00]{display:flex;margin-bottom:15px;padding-bottom:12px;align-items:center;gap:12px;border-bottom:1px solid #e5ebf1}.servant-form-section-title>span[b-gyfp7luj00]{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--c),var(--d));color:#fff;font-weight:800}.servant-form-section-title h2[b-gyfp7luj00]{margin:0;color:#17324d;font-size:21px;font-weight:800}.servant-form-section-title p[b-gyfp7luj00]{margin:2px 0 0;color:var(--m);font-size:13px}.servant-form-grid[b-gyfp7luj00]{display:grid;gap:14px 16px;align-items:end}.servant-form-grid-four[b-gyfp7luj00]{grid-template-columns:repeat(4,minmax(0,1fr))}.servant-form-grid-two[b-gyfp7luj00]{grid-template-columns:repeat(2,minmax(0,1fr))}.servant-form-field[b-gyfp7luj00]{position:relative;min-width:0}.servant-form-field-wide[b-gyfp7luj00]{grid-column:span 2}.servant-form-field-full[b-gyfp7luj00]{grid-column:1/-1}.servant-form-field label[b-gyfp7luj00]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:750}.servant-form-field label strong[b-gyfp7luj00]{color:#b42318}.servant-form-page .form-control[b-gyfp7luj00],.servant-form-page .form-select[b-gyfp7luj00]{width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--b);border-radius:12px;background:#f8fafc;color:#243447;font-size:15px;font-weight:600}.servant-form-page .form-control:hover[b-gyfp7luj00],.servant-form-page .form-select:hover[b-gyfp7luj00]{border-color:#8aa5bf;background:#fff}.servant-form-page .form-control:focus[b-gyfp7luj00],.servant-form-page .form-select:focus[b-gyfp7luj00]{border-color:var(--c);background:#fff;box-shadow:0 0 0 3px rgba(23,91,143,.14)}.servant-form-page textarea.form-control[b-gyfp7luj00]{min-height:92px}.servant-phone[b-gyfp7luj00]{direction:ltr;text-align:left}.servant-form-identity[b-gyfp7luj00]{display:flex;min-height:46px;padding:8px 12px;align-items:center;justify-content:space-between;border:1px dashed #9fb5ca;border-radius:12px;background:#f2f7fb}.servant-form-identity span[b-gyfp7luj00]{color:var(--m);font-size:12px}.servant-form-identity strong[b-gyfp7luj00]{color:var(--d);font-weight:800}.servant-form-page .e-input-group[b-gyfp7luj00],.servant-form-page .e-input-group.e-control-wrapper[b-gyfp7luj00]{width:100%!important;min-height:46px!important;overflow:hidden!important;border:1px solid var(--b)!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}.servant-form-page .e-input-group.e-input-focus[b-gyfp7luj00],.servant-form-page .e-input-group.e-control-wrapper.e-input-focus[b-gyfp7luj00]{border-color:var(--c)!important;box-shadow:0 0 0 3px rgba(23,91,143,.14)!important}.servant-form-page .e-input-group[b-gyfp7luj00]::before,.servant-form-page .e-input-group[b-gyfp7luj00]::after{display:none!important}.servant-form-page .e-input-group input.e-input[b-gyfp7luj00]{min-height:44px!important;padding:7px 11px 7px 46px!important;color:#243447!important;font-size:15px!important;font-weight:600!important;text-align:right!important}.servant-form-page .e-input-group .e-input-group-icon[b-gyfp7luj00]{width:40px!important;min-width:40px!important;height:44px!important;border-inline-start:1px solid #d5dee8!important;background:#edf3f8!important;color:var(--c)!important}.servant-form-actions[b-gyfp7luj00]{display:flex;grid-column:1/-1;padding:16px 18px;gap:10px;border:1px solid #dde6ef;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.servant-form-actions .btn[b-gyfp7luj00]{min-width:150px;min-height:46px;border-radius:11px;font-weight:750}.servant-form-loading[b-gyfp7luj00]{display:flex;width:min(1480px,100%);min-height:160px;margin:auto;align-items:center;justify-content:center;gap:11px;border-radius:18px;background:#fff;color:var(--c);font-weight:700}.servant-form-spinner[b-gyfp7luj00]{width:22px;height:22px;border:3px solid #d9e6f1;border-top-color:var(--c);border-radius:50%;animation:sv-spin-b-gyfp7luj00 .8s linear infinite}@keyframes sv-spin-b-gyfp7luj00{to{transform:rotate(360deg)}}.servant-form-page .alert[b-gyfp7luj00]{width:min(1480px,100%);margin:0 auto 14px;border-radius:12px}@media(max-width:1100px){.servant-form-page form[b-gyfp7luj00]{grid-template-columns:1fr}.servant-form-section[b-gyfp7luj00]{grid-column:1/-1}.servant-form-grid-four[b-gyfp7luj00],.servant-form-grid-two[b-gyfp7luj00]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.servant-form-page[b-gyfp7luj00]{padding:8px}.servant-form-header[b-gyfp7luj00]{align-items:stretch;flex-direction:column}.servant-form-grid-four[b-gyfp7luj00],.servant-form-grid-two[b-gyfp7luj00]{grid-template-columns:1fr}.servant-form-field-wide[b-gyfp7luj00],.servant-form-field-full[b-gyfp7luj00]{grid-column:1}.servant-form-actions[b-gyfp7luj00]{flex-direction:column}.servant-form-actions .btn[b-gyfp7luj00]{width:100%}}
/* /Components/Pages/Sons/Attendance/ClassMonthlyReport/SonsClassMonthlyReport.razor.rz.scp.css */
.class-monthly-page[b-x58igba59i]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:#f4f6f9;color:#172b3f}.class-monthly-page[b-x58igba59i],.class-monthly-page *[b-x58igba59i]{box-sizing:border-box}.class-monthly-header[b-x58igba59i],.filters[b-x58igba59i],.grid-card[b-x58igba59i]{width:min(1680px,100%);margin:0 auto 16px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.class-monthly-header[b-x58igba59i]{display:flex;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px}.class-monthly-header span[b-x58igba59i]{color:#0b6fa4;font-weight:700}.class-monthly-header h1[b-x58igba59i]{margin:4px 0;font-size:clamp(27px,2.1vw,39px)}.class-monthly-header p[b-x58igba59i],.title p[b-x58igba59i]{margin:4px 0;color:#667085}.home[b-x58igba59i]{width:208px;min-height:54px;border-radius:999px;font-weight:700}.class-monthly-page>.alert[b-x58igba59i]{width:min(1680px,100%);margin:0 auto 16px}.filters[b-x58igba59i]{display:grid;padding:18px;grid-template-columns:repeat(4,minmax(165px,1fr)) minmax(160px,.7fr) auto;align-items:end;gap:14px}.filters label[b-x58igba59i]{display:block;margin-bottom:7px;font-weight:700}.count[b-x58igba59i]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.count strong[b-x58igba59i]{color:#07547d;font-size:22px}.export[b-x58igba59i]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.grid-card[b-x58igba59i]{padding:clamp(16px,2vw,24px)}.title[b-x58igba59i]{margin-bottom:16px}.title h2[b-x58igba59i]{margin:0;font-size:22px}.grid-wrap[b-x58igba59i]{overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.state[b-x58igba59i]{display:flex;min-height:260px;align-items:center;justify-content:center;color:#667085;font-weight:600}@media(max-width:1200px){.filters[b-x58igba59i]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.class-monthly-page[b-x58igba59i]{padding:9px}.class-monthly-header[b-x58igba59i]{align-items:stretch;flex-direction:column}.home[b-x58igba59i],.export[b-x58igba59i]{width:100%}.filters[b-x58igba59i]{grid-template-columns:1fr}.grid-card[b-x58igba59i]{padding:8px}}
/* /Components/Pages/Sons/Attendance/ClassRangeReport/SonsClassAttendanceReport.razor.rz.scp.css */
.sons-class-report-page[b-5qwrf7xowl]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.sons-class-report-page[b-5qwrf7xowl],.sons-class-report-page *[b-5qwrf7xowl]{box-sizing:border-box}.sons-class-report-header[b-5qwrf7xowl]{display:flex;width:min(1680px,100%);margin:0 auto 18px;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,59,83,.08)}.sons-class-report-header>div[b-5qwrf7xowl]{min-width:0;flex:1}.sons-class-report-eyebrow[b-5qwrf7xowl]{display:block;margin-bottom:4px;color:#0b6fa4;font-size:14px;font-weight:700}.sons-class-report-header h1[b-5qwrf7xowl]{margin:0;font-size:clamp(27px,2.1vw,39px);line-height:1.4}.sons-class-report-header p[b-5qwrf7xowl]{margin:6px 0 0;color:#667085;line-height:1.75}.sons-class-report-home[b-5qwrf7xowl]{width:208px;min-height:54px;border:1.5px solid #0b79d0;border-radius:999px;background:#fff;color:#0869b4;font-weight:700}.sons-class-report-home:hover[b-5qwrf7xowl]{background:#0b79d0;color:#fff}.sons-class-report-page>.alert[b-5qwrf7xowl]{width:min(1680px,100%);margin:0 auto 16px;padding:13px 16px;border-radius:12px;font-weight:600}.sons-class-report-filter-card[b-5qwrf7xowl]{display:grid;width:min(1680px,100%);margin:0 auto 16px;padding:18px;grid-template-columns:minmax(165px,.65fr) minmax(165px,.65fr) minmax(210px,.9fr) minmax(230px,1fr) minmax(160px,.6fr) auto;align-items:end;gap:14px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-class-report-field[b-5qwrf7xowl]{min-width:0}.sons-class-report-field label[b-5qwrf7xowl]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:700}.sons-class-report-summary[b-5qwrf7xowl]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.sons-class-report-summary span[b-5qwrf7xowl]{color:#667085;font-size:13px;font-weight:600}.sons-class-report-summary strong[b-5qwrf7xowl]{color:#07547d;font-size:22px}.sons-class-report-export[b-5qwrf7xowl]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.sons-class-report-grid-card[b-5qwrf7xowl]{width:min(1680px,100%);margin:0 auto;padding:clamp(16px,2vw,24px);border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-class-report-section-title[b-5qwrf7xowl]{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:16px}.sons-class-report-section-title h2[b-5qwrf7xowl]{margin:0;font-size:22px}.sons-class-report-section-title p[b-5qwrf7xowl]{margin:4px 0 0;color:#667085;font-size:13px}.sons-class-report-grid-wrapper[b-5qwrf7xowl]{width:100%;min-width:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.sons-class-report-state[b-5qwrf7xowl]{display:flex;min-height:260px;align-items:center;justify-content:center;gap:11px;color:#667085;font-weight:600}.sons-class-report-spinner[b-5qwrf7xowl]{width:23px;height:23px;border:3px solid #d9e6f1;border-top-color:#0b6fa4;border-radius:50%;animation:class-report-spin-b-5qwrf7xowl .8s linear infinite}@keyframes class-report-spin-b-5qwrf7xowl{to{transform:rotate(360deg)}}[b-5qwrf7xowl] .ratio-low{background:#ffc7ce!important;color:#9c0006!important;font-weight:800}[b-5qwrf7xowl] .ratio-medium{background:#ffeb9c!important;color:#9c6500!important;font-weight:800}[b-5qwrf7xowl] .ratio-high{background:#c6efce!important;color:#006100!important;font-weight:800}[b-5qwrf7xowl] .attendance-mark{font-size:17px!important;font-weight:800!important;color:#147356!important}@media(max-width:1350px){.sons-class-report-filter-card[b-5qwrf7xowl]{grid-template-columns:repeat(3,minmax(0,1fr))}.sons-class-report-export[b-5qwrf7xowl]{width:100%}}@media(max-width:900px){.sons-class-report-filter-card[b-5qwrf7xowl]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.sons-class-report-page[b-5qwrf7xowl]{padding:9px}.sons-class-report-header[b-5qwrf7xowl]{padding:17px;align-items:stretch;flex-direction:column}.sons-class-report-home[b-5qwrf7xowl]{width:100%}.sons-class-report-filter-card[b-5qwrf7xowl]{padding:14px;grid-template-columns:1fr}.sons-class-report-summary[b-5qwrf7xowl],.sons-class-report-export[b-5qwrf7xowl]{width:100%}.sons-class-report-grid-card[b-5qwrf7xowl]{padding:8px}.sons-class-report-section-title[b-5qwrf7xowl]{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.sons-class-report-page *[b-5qwrf7xowl]{animation:none!important;transition:none!important}}
/* /Components/Pages/Sons/Attendance/DailyRegistration/SonsDailyAttendance.razor.rz.scp.css */
.sons-daily-page[b-mtzfgkeqel]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.sons-daily-page[b-mtzfgkeqel],.sons-daily-page *[b-mtzfgkeqel]{box-sizing:border-box}.sons-daily-header[b-mtzfgkeqel]{display:flex;width:min(1680px,100%);margin:0 auto 18px;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,59,83,.08)}.sons-daily-header>div[b-mtzfgkeqel]{min-width:0;flex:1}.sons-daily-eyebrow[b-mtzfgkeqel]{display:block;margin-bottom:4px;color:#0b6fa4;font-size:14px;font-weight:700}.sons-daily-header h1[b-mtzfgkeqel]{margin:0;font-size:clamp(27px,2.1vw,39px);line-height:1.4}.sons-daily-header p[b-mtzfgkeqel]{margin:6px 0 0;color:#667085;line-height:1.75}.sons-daily-home[b-mtzfgkeqel]{width:208px;min-height:54px;border:1.5px solid #0b79d0;border-radius:999px;background:#fff;color:#0869b4;font-weight:700}.sons-daily-home:hover[b-mtzfgkeqel]{background:#0b79d0;color:#fff}.sons-daily-page>.alert[b-mtzfgkeqel]{width:min(1680px,100%);margin:0 auto 16px;padding:13px 16px;border-radius:12px;font-weight:600}.sons-daily-filter-card[b-mtzfgkeqel]{display:grid;width:min(1680px,100%);margin:0 auto 16px;padding:18px;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) minmax(240px,1fr) minmax(160px,.65fr) minmax(160px,.65fr);align-items:end;gap:14px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-daily-field[b-mtzfgkeqel]{min-width:0}.sons-daily-field label[b-mtzfgkeqel]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:700}.sons-daily-summary[b-mtzfgkeqel]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.sons-daily-summary span[b-mtzfgkeqel]{color:#667085;font-size:13px;font-weight:600}.sons-daily-summary strong[b-mtzfgkeqel]{color:#07547d;font-size:22px}.sons-daily-absent-summary[b-mtzfgkeqel]{border-color:#efc3c3;background:#fff7f7}.sons-daily-absent-summary strong[b-mtzfgkeqel]{color:#c62828}.sons-daily-registration-card[b-mtzfgkeqel],.sons-daily-grid-card[b-mtzfgkeqel]{width:min(1680px,100%);margin:0 auto 16px;padding:clamp(16px,2vw,24px);border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-daily-section-title[b-mtzfgkeqel]{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:16px}.sons-daily-section-title h2[b-mtzfgkeqel]{margin:0;font-size:22px}.sons-daily-section-title p[b-mtzfgkeqel]{margin:4px 0 0;color:#667085;font-size:13px}.sons-daily-day-status[b-mtzfgkeqel]{padding:8px 13px;border-radius:999px;font-weight:700}.sons-daily-day-status.is-ready[b-mtzfgkeqel]{background:#e8f7f0;color:#147356}.sons-daily-day-status.is-not-ready[b-mtzfgkeqel]{background:#fff5e8;color:#a45d00}.sons-daily-prepare[b-mtzfgkeqel]{display:flex;min-height:120px;padding:18px;align-items:center;justify-content:space-between;gap:16px;border:1px dashed #d7b47a;border-radius:14px;background:#fffaf2}.sons-daily-prepare p[b-mtzfgkeqel]{margin:0;color:#7a5418;font-weight:600}.sons-daily-son-picker[b-mtzfgkeqel]{display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:end;gap:14px}.sons-daily-son-picker .btn[b-mtzfgkeqel]{min-width:180px;min-height:46px;border-radius:11px;font-weight:700}.sons-daily-son-details[b-mtzfgkeqel]{display:grid;margin-top:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sons-daily-son-details>div[b-mtzfgkeqel]{display:flex;min-height:68px;padding:11px 13px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #d8e0e8;border-radius:12px;background:#fbfcfd}.sons-daily-son-details span[b-mtzfgkeqel]{color:#667085;font-size:12px;font-weight:600}.sons-daily-son-details strong[b-mtzfgkeqel]{color:#243447;overflow-wrap:anywhere}.sons-daily-wide[b-mtzfgkeqel]{grid-column:span 2}.sons-daily-grid-wrapper[b-mtzfgkeqel]{width:100%;min-width:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.sons-daily-state[b-mtzfgkeqel]{display:flex;min-height:220px;align-items:center;justify-content:center;gap:11px;color:#667085;font-weight:600}.sons-daily-spinner[b-mtzfgkeqel]{width:23px;height:23px;border:3px solid #d9e6f1;border-top-color:#0b6fa4;border-radius:50%;animation:daily-spin-b-mtzfgkeqel .8s linear infinite}@keyframes daily-spin-b-mtzfgkeqel{to{transform:rotate(360deg)}}@media(max-width:1200px){.sons-daily-filter-card[b-mtzfgkeqel]{grid-template-columns:repeat(2,minmax(0,1fr))}.sons-daily-son-details[b-mtzfgkeqel]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.sons-daily-page[b-mtzfgkeqel]{padding:9px}.sons-daily-header[b-mtzfgkeqel]{padding:17px;align-items:stretch;flex-direction:column}.sons-daily-home[b-mtzfgkeqel]{width:100%}.sons-daily-filter-card[b-mtzfgkeqel]{padding:14px;grid-template-columns:1fr}.sons-daily-registration-card[b-mtzfgkeqel],.sons-daily-grid-card[b-mtzfgkeqel]{padding:12px}.sons-daily-section-title[b-mtzfgkeqel],.sons-daily-prepare[b-mtzfgkeqel]{align-items:stretch;flex-direction:column}.sons-daily-son-picker[b-mtzfgkeqel],.sons-daily-son-details[b-mtzfgkeqel]{grid-template-columns:1fr}.sons-daily-son-picker .btn[b-mtzfgkeqel]{width:100%}.sons-daily-wide[b-mtzfgkeqel]{grid-column:auto}}@media(prefers-reduced-motion:reduce){.sons-daily-page *[b-mtzfgkeqel]{animation:none!important;transition:none!important}}
/* /Components/Pages/Sons/Attendance/DailyStatusReport/SonsDailyStatusReport.razor.rz.scp.css */
.daily-status-page[b-7x8l6ihvlz]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:#f4f6f9;color:#172b3f}.daily-status-page[b-7x8l6ihvlz],.daily-status-page *[b-7x8l6ihvlz]{box-sizing:border-box}.daily-status-header[b-7x8l6ihvlz],.filters-card[b-7x8l6ihvlz],.grid-card[b-7x8l6ihvlz],.summary-cards[b-7x8l6ihvlz]{width:min(1680px,100%);margin:0 auto 16px}.daily-status-header[b-7x8l6ihvlz]{display:flex;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,59,83,.08)}.daily-status-header span[b-7x8l6ihvlz]{color:#0b6fa4;font-weight:700}.daily-status-header h1[b-7x8l6ihvlz]{margin:4px 0;font-size:clamp(27px,2.1vw,39px)}.daily-status-header p[b-7x8l6ihvlz],.section-title p[b-7x8l6ihvlz]{margin:4px 0;color:#667085}.home-button[b-7x8l6ihvlz]{width:208px;min-height:54px;border-radius:999px;font-weight:700}.daily-status-page>.alert[b-7x8l6ihvlz]{width:min(1680px,100%);margin:0 auto 16px}.filters-card[b-7x8l6ihvlz]{display:grid;padding:18px;grid-template-columns:repeat(4,minmax(180px,1fr)) auto;align-items:end;gap:14px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.field label[b-7x8l6ihvlz]{display:block;margin-bottom:7px;font-weight:700}.export-button[b-7x8l6ihvlz]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.summary-cards[b-7x8l6ihvlz]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-cards>div[b-7x8l6ihvlz]{display:flex;min-height:70px;padding:14px 18px;align-items:center;justify-content:space-between;border:1px solid #c9d7e4;border-radius:14px;background:#fff}.summary-cards strong[b-7x8l6ihvlz]{font-size:27px;color:#07547d}.summary-cards .present[b-7x8l6ihvlz]{background:#f3fbf7;border-color:#b9ddcf}.summary-cards .present strong[b-7x8l6ihvlz]{color:#147356}.summary-cards .absent[b-7x8l6ihvlz]{background:#fff7f7;border-color:#efc3c3}.summary-cards .absent strong[b-7x8l6ihvlz]{color:#c62828}.grid-card[b-7x8l6ihvlz]{padding:clamp(16px,2vw,24px);border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.section-title[b-7x8l6ihvlz]{margin-bottom:16px}.section-title h2[b-7x8l6ihvlz]{margin:0}.grid-wrapper[b-7x8l6ihvlz]{overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.state[b-7x8l6ihvlz]{display:flex;min-height:260px;align-items:center;justify-content:center;color:#667085;font-weight:600}[b-7x8l6ihvlz] .present-row td{color:#147356!important;font-weight:700}[b-7x8l6ihvlz] .absent-row td{color:#c62828!important;font-weight:700}@media(max-width:1100px){.filters-card[b-7x8l6ihvlz]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.daily-status-page[b-7x8l6ihvlz]{padding:9px}.daily-status-header[b-7x8l6ihvlz]{align-items:stretch;flex-direction:column}.home-button[b-7x8l6ihvlz],.export-button[b-7x8l6ihvlz]{width:100%}.filters-card[b-7x8l6ihvlz],.summary-cards[b-7x8l6ihvlz]{grid-template-columns:1fr}.grid-card[b-7x8l6ihvlz]{padding:8px}}
/* /Components/Pages/Sons/Attendance/MonthlyRangeReport/SonsMonthlyAttendanceReport.razor.rz.scp.css */
.sons-monthly-report-page[b-gsnliu906e]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.sons-monthly-report-page[b-gsnliu906e],.sons-monthly-report-page *[b-gsnliu906e]{box-sizing:border-box}.sons-monthly-report-header[b-gsnliu906e]{display:flex;width:min(1680px,100%);margin:0 auto 18px;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,59,83,.08)}.sons-monthly-report-header>div[b-gsnliu906e]{min-width:0;flex:1}.sons-monthly-report-eyebrow[b-gsnliu906e]{display:block;margin-bottom:4px;color:#0b6fa4;font-size:14px;font-weight:700}.sons-monthly-report-header h1[b-gsnliu906e]{margin:0;font-size:clamp(27px,2.1vw,39px);line-height:1.4}.sons-monthly-report-header p[b-gsnliu906e]{margin:6px 0 0;color:#667085;line-height:1.75}.sons-monthly-report-home[b-gsnliu906e]{width:208px;min-height:54px;border:1.5px solid #0b79d0;border-radius:999px;background:#fff;color:#0869b4;font-weight:700}.sons-monthly-report-home:hover[b-gsnliu906e]{background:#0b79d0;color:#fff}.sons-monthly-report-page>.alert[b-gsnliu906e]{width:min(1680px,100%);margin:0 auto 16px;padding:13px 16px;border-radius:12px;font-weight:600}.sons-monthly-report-filter-card[b-gsnliu906e]{display:grid;width:min(1680px,100%);margin:0 auto 16px;padding:18px;grid-template-columns:minmax(165px,.65fr) minmax(165px,.65fr) minmax(210px,.9fr) minmax(230px,1fr) minmax(160px,.6fr) auto;align-items:end;gap:14px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-monthly-report-field[b-gsnliu906e]{min-width:0}.sons-monthly-report-field label[b-gsnliu906e]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:700}.sons-monthly-report-summary[b-gsnliu906e]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.sons-monthly-report-summary span[b-gsnliu906e]{color:#667085;font-size:13px;font-weight:600}.sons-monthly-report-summary strong[b-gsnliu906e]{color:#07547d;font-size:22px}.sons-monthly-report-export[b-gsnliu906e]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.sons-monthly-report-grid-card[b-gsnliu906e]{width:min(1680px,100%);margin:0 auto;padding:clamp(16px,2vw,24px);border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-monthly-report-section-title[b-gsnliu906e]{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:16px}.sons-monthly-report-section-title h2[b-gsnliu906e]{margin:0;font-size:22px}.sons-monthly-report-section-title p[b-gsnliu906e]{margin:4px 0 0;color:#667085;font-size:13px}.sons-monthly-report-grid-wrapper[b-gsnliu906e]{width:100%;min-width:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.sons-monthly-report-state[b-gsnliu906e]{display:flex;min-height:260px;align-items:center;justify-content:center;gap:11px;color:#667085;font-weight:600}.sons-monthly-report-spinner[b-gsnliu906e]{width:23px;height:23px;border:3px solid #d9e6f1;border-top-color:#0b6fa4;border-radius:50%;animation:monthly-report-spin-b-gsnliu906e .8s linear infinite}@keyframes monthly-report-spin-b-gsnliu906e{to{transform:rotate(360deg)}}[b-gsnliu906e] .ratio-low{background:#ffc7ce!important;color:#9c0006!important;font-weight:800}[b-gsnliu906e] .ratio-medium{background:#ffeb9c!important;color:#9c6500!important;font-weight:800}[b-gsnliu906e] .ratio-high{background:#c6efce!important;color:#006100!important;font-weight:800}@media(max-width:1350px){.sons-monthly-report-filter-card[b-gsnliu906e]{grid-template-columns:repeat(3,minmax(0,1fr))}.sons-monthly-report-export[b-gsnliu906e]{width:100%}}@media(max-width:900px){.sons-monthly-report-filter-card[b-gsnliu906e]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.sons-monthly-report-page[b-gsnliu906e]{padding:9px}.sons-monthly-report-header[b-gsnliu906e]{padding:17px;align-items:stretch;flex-direction:column}.sons-monthly-report-home[b-gsnliu906e]{width:100%}.sons-monthly-report-filter-card[b-gsnliu906e]{padding:14px;grid-template-columns:1fr}.sons-monthly-report-summary[b-gsnliu906e],.sons-monthly-report-export[b-gsnliu906e]{width:100%}.sons-monthly-report-grid-card[b-gsnliu906e]{padding:8px}.sons-monthly-report-section-title[b-gsnliu906e]{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.sons-monthly-report-page *[b-gsnliu906e]{animation:none!important;transition:none!important}}
/* /Components/Pages/Sons/Attendance/MyClassQrScanner/MyClassQrAttendance.razor.rz.scp.css */
/* صفحة تسجيل حضور المخدومين بالـ QR بتصميم متجاوب ومريح. */
.sons-qr-attendance-page[b-9gzw9l9ful] {
    --qr-primary: #175b8f;
    --qr-primary-dark: #10466f;
    --qr-border: #cbd7e3;
    --qr-soft-border: #dce5ee;
    --qr-text: #243447;
    --qr-muted: #66788a;
    width: 100%;
    min-height: 100vh;
    padding: 22px;
    direction: rtl;
    background: #eef3f8;
    color: var(--qr-text);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.sons-qr-attendance-page[b-9gzw9l9ful],
.sons-qr-attendance-page *[b-9gzw9l9ful] {
    box-sizing: border-box;
}

.sons-qr-attendance-header[b-9gzw9l9ful] {
    display: flex;
    margin-bottom: 16px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--qr-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.sons-qr-attendance-eyebrow[b-9gzw9l9ful] {
    color: var(--qr-primary);
    font-size: 13px;
    font-weight: 800;
}

.sons-qr-attendance-header h1[b-9gzw9l9ful] {
    margin: 3px 0 0;
    color: #17324d;
    font-size: clamp(27px, 2vw, 38px);
    font-weight: 800;
}

.sons-qr-attendance-header p[b-9gzw9l9ful] {
    margin: 5px 0 0;
    color: var(--qr-muted);
    font-size: 15px;
}

.sons-qr-attendance-home[b-9gzw9l9ful] {
    display: inline-flex !important;
    width: 205px !important;
    min-width: 205px !important;
    height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-weight: 750 !important;
}

.sons-qr-attendance-page > .alert[b-9gzw9l9ful] {
    margin: 0 0 16px;
    padding: 13px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 650;
}

.sons-qr-attendance-filter-card[b-9gzw9l9ful] {
    display: grid;
    margin-bottom: 16px;
    padding: 16px 18px;
    grid-template-columns: repeat(3, minmax(190px, 1fr)) minmax(150px, 0.55fr) auto;
    align-items: end;
    gap: 14px;
    border: 1px solid var(--qr-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-qr-attendance-filter-field[b-9gzw9l9ful] {
    min-width: 0;
}

.sons-qr-attendance-filter-field label[b-9gzw9l9ful] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 750;
}

.sons-qr-attendance-summary[b-9gzw9l9ful] {
    display: flex;
    min-height: 48px;
    padding: 7px 13px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f5f9fc;
}

.sons-qr-attendance-summary span[b-9gzw9l9ful] {
    color: var(--qr-muted);
    font-size: 13px;
    font-weight: 700;
}

.sons-qr-attendance-summary strong[b-9gzw9l9ful] {
    color: var(--qr-primary-dark);
    font-size: 22px;
    font-weight: 850;
}

.sons-qr-attendance-actions[b-9gzw9l9ful] {
    display: flex;
    gap: 9px;
}

.sons-qr-attendance-actions .btn[b-9gzw9l9ful] {
    min-width: 135px;
    min-height: 48px;
    border-radius: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.sons-qr-attendance-content[b-9gzw9l9ful] {
    display: grid;
    grid-template-columns: minmax(320px, 0.75fr) minmax(500px, 1.25fr);
    align-items: start;
    gap: 16px;
}

.sons-qr-attendance-scanner-card[b-9gzw9l9ful],
.sons-qr-attendance-grid-card[b-9gzw9l9ful] {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--qr-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-qr-attendance-card-title[b-9gzw9l9ful] {
    display: flex;
    margin-bottom: 14px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.sons-qr-attendance-card-title h2[b-9gzw9l9ful] {
    margin: 0;
    color: #17324d;
    font-size: 22px;
    font-weight: 800;
}

.sons-qr-attendance-card-title p[b-9gzw9l9ful] {
    margin: 4px 0 0;
    color: var(--qr-muted);
    font-size: 13px;
}

.sons-qr-attendance-status[b-9gzw9l9ful] {
    display: inline-flex;
    min-width: 120px;
    min-height: 38px;
    padding: 7px 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6dee7;
    border-radius: 999px;
    background: #f3f6f9;
    color: #657482;
    font-size: 13px;
    font-weight: 800;
}

.sons-qr-attendance-status.is-running[b-9gzw9l9ful] {
    border-color: #9dd9bd;
    background: #e8f7ef;
    color: #147a4b;
}

.sons-qr-scanner-container[b-9gzw9l9ful] {
    position: relative;
    width: 100%;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid #c7d3df;
    border-radius: 16px;
    background: #111820;
}

.sons-qr-reader[b-9gzw9l9ful],
.sons-qr-reader[b-9gzw9l9ful]  .sons-qr-video {
    width: 100%;
    height: 100%;
}

.sons-qr-reader[b-9gzw9l9ful] {
    position: absolute;
    inset: 0;
}

.sons-qr-reader[b-9gzw9l9ful]  .sons-qr-video {
    display: block;
    min-height: 390px;
    object-fit: cover;
}

.sons-qr-scanner-frame[b-9gzw9l9ful] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: min(56%, 260px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.sons-qr-scanner-frame .corner[b-9gzw9l9ful] {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 5px solid #34e89e;
    filter: drop-shadow(0 0 4px rgba(52, 232, 158, 0.7));
}

.sons-qr-scanner-frame .top-right[b-9gzw9l9ful] {
    top: 0;
    right: 0;
    border-bottom: none;
    border-left: none;
}

.sons-qr-scanner-frame .top-left[b-9gzw9l9ful] {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
}

.sons-qr-scanner-frame .bottom-right[b-9gzw9l9ful] {
    right: 0;
    bottom: 0;
    border-top: none;
    border-left: none;
}

.sons-qr-scanner-frame .bottom-left[b-9gzw9l9ful] {
    bottom: 0;
    left: 0;
    border-top: none;
    border-right: none;
}

.sons-qr-scan-line[b-9gzw9l9ful] {
    position: absolute;
    top: 0;
    right: 4%;
    width: 92%;
    height: 3px;
    border-radius: 999px;
    background: #34e89e;
    box-shadow: 0 0 10px rgba(52, 232, 158, 0.9);
    animation: sons-qr-scan-move-b-9gzw9l9ful 2s linear infinite;
}

@keyframes sons-qr-scan-move-b-9gzw9l9ful {
    from {
        top: 3%;
    }

    to {
        top: 96%;
    }
}

.sons-qr-scanner-placeholder[b-9gzw9l9ful] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    background: radial-gradient(circle, #263849 0%, #111820 72%);
    color: #ffffff;
    text-align: center;
}

.sons-qr-scanner-placeholder strong[b-9gzw9l9ful] {
    font-size: 20px;
}

.sons-qr-scanner-placeholder span[b-9gzw9l9ful] {
    color: #c8d4df;
    font-size: 14px;
}

.sons-qr-scanner-message[b-9gzw9l9ful] {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 750;
    text-align: center;
}

.sons-qr-scanner-message.is-success[b-9gzw9l9ful] {
    border-color: #9dd9bd;
    background: #e8f7ef;
    color: #116c43;
}

.sons-qr-scanner-message.is-info[b-9gzw9l9ful] {
    border-color: #a9cce4;
    background: #edf6fc;
    color: #175b8f;
}

.sons-qr-scanner-message.is-error[b-9gzw9l9ful] {
    border-color: #efb0b6;
    background: #fdecef;
    color: #a4262c;
}

.sons-qr-attendance-state[b-9gzw9l9ful] {
    display: flex;
    min-height: 430px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--qr-muted);
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.sons-qr-attendance-spinner[b-9gzw9l9ful] {
    width: 24px;
    height: 24px;
    border: 3px solid #d9e6f1;
    border-top-color: var(--qr-primary);
    border-radius: 50%;
    animation: sons-qr-spin-b-9gzw9l9ful 0.8s linear infinite;
}

@keyframes sons-qr-spin-b-9gzw9l9ful {
    to {
        transform: rotate(360deg);
    }
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-input-group,
.sons-qr-attendance-page[b-9gzw9l9ful]  .e-input-group.e-control-wrapper {
    min-height: 48px !important;
    overflow: hidden !important;
    border: 1px solid var(--qr-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-input-group.e-input-focus,
.sons-qr-attendance-page[b-9gzw9l9ful]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--qr-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(23, 91, 143, 0.14) !important;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-input-group::before,
.sons-qr-attendance-page[b-9gzw9l9ful]  .e-input-group::after {
    display: none !important;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid {
    overflow: hidden;
    border: 1px solid #d6e0ea;
    border-radius: 12px;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid .e-toolbar,
.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid .e-pager {
    background: #f8fafc;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid .e-headercell {
    height: 50px;
    background: #e8eef4;
    color: #243447;
    font-weight: 800;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid .e-rowcell {
    padding: 10px 8px;
    vertical-align: middle;
    color: #344054;
    border-color: #d8e1ea;
    font-size: 15px;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid .e-altrow {
    background: #f7f9fb;
}

.sons-qr-attendance-page[b-9gzw9l9ful]  .e-grid .e-row:hover .e-rowcell {
    background: #edf6fc;
}

@media (max-width: 1280px) {
    .sons-qr-attendance-filter-card[b-9gzw9l9ful] {
        grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(145px, 0.6fr);
    }

    .sons-qr-attendance-actions[b-9gzw9l9ful] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .sons-qr-attendance-content[b-9gzw9l9ful] {
        grid-template-columns: minmax(300px, 0.8fr) minmax(450px, 1.2fr);
    }
}

@media (max-width: 900px) {
    .sons-qr-attendance-page[b-9gzw9l9ful] {
        padding: 12px;
    }

    .sons-qr-attendance-header[b-9gzw9l9ful] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-qr-attendance-home[b-9gzw9l9ful] {
        width: 100% !important;
    }

    .sons-qr-attendance-filter-card[b-9gzw9l9ful] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sons-qr-attendance-summary[b-9gzw9l9ful],
    .sons-qr-attendance-actions[b-9gzw9l9ful] {
        grid-column: 1 / -1;
    }

    .sons-qr-attendance-content[b-9gzw9l9ful] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .sons-qr-attendance-filter-card[b-9gzw9l9ful] {
        grid-template-columns: 1fr;
    }

    .sons-qr-attendance-filter-field[b-9gzw9l9ful],
    .sons-qr-attendance-summary[b-9gzw9l9ful],
    .sons-qr-attendance-actions[b-9gzw9l9ful] {
        grid-column: 1;
    }

    .sons-qr-attendance-actions[b-9gzw9l9ful] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-qr-attendance-actions .btn[b-9gzw9l9ful] {
        width: 100%;
    }

    .sons-qr-attendance-card-title[b-9gzw9l9ful] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-qr-attendance-status[b-9gzw9l9ful] {
        width: 100%;
    }

    .sons-qr-scanner-container[b-9gzw9l9ful],
    .sons-qr-reader[b-9gzw9l9ful]  .sons-qr-video {
        min-height: 330px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sons-qr-attendance-page *[b-9gzw9l9ful] {
        animation: none !important;
        transition: none !important;
    }
}

.sons-qr-page-state[b-9gzw9l9ful]{display:flex;min-height:360px;padding:28px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid var(--qr-soft-border);border-radius:18px;background:#fff;text-align:center;box-shadow:0 7px 20px rgba(35,59,83,.07)}
.sons-qr-page-state.is-denied h2[b-9gzw9l9ful]{margin:0;color:#a4262c}.sons-qr-page-state p[b-9gzw9l9ful]{margin:0;color:var(--qr-muted)}
.my-class-filter-card[b-9gzw9l9ful]{grid-template-columns:minmax(220px,1fr) minmax(150px,.5fr) minmax(150px,.5fr) minmax(180px,.65fr) auto}
.sons-qr-camera-count[b-9gzw9l9ful]{border-color:#9dd9bd;background:#e8f7ef}
.sons-qr-camera-count strong[b-9gzw9l9ful]{color:#147a4b}
@media(max-width:900px){.my-class-filter-card[b-9gzw9l9ful]{grid-template-columns:repeat(2,minmax(0,1fr))}.my-class-filter-card .sons-qr-attendance-actions[b-9gzw9l9ful]{grid-column:1/-1}}
@media(max-width:600px){.my-class-filter-card[b-9gzw9l9ful]{grid-template-columns:1fr}}


/* وضع تشغيل الكاميرا والترتيب الرأسي. */
.is-hidden-while-scanning[b-9gzw9l9ful] { display: none !important; }
.sons-qr-attendance-content[b-9gzw9l9ful] { grid-template-columns: 1fr; }
.sons-qr-attendance-content.scanner-running[b-9gzw9l9ful] { margin-top: 0; }
.sons-qr-attendance-scanner-card[b-9gzw9l9ful] { order: 1; }
.sons-qr-attendance-count-card[b-9gzw9l9ful] { order: 2; }
.sons-qr-attendance-grid-card[b-9gzw9l9ful] { order: 3; }
.sons-qr-scanner-title-actions[b-9gzw9l9ful] { display:flex; align-items:center; gap:10px; }
.sons-qr-stop-camera[b-9gzw9l9ful] { min-width:140px; min-height:40px; border-radius:10px; font-weight:750; }
.sons-qr-attendance-count-card[b-9gzw9l9ful] { display:flex; min-height:90px; padding:16px 20px; align-items:center; justify-content:space-between; gap:18px; border:1px solid #9dd9bd; border-radius:18px; background:#e8f7ef; box-shadow:0 7px 20px rgba(35,59,83,.07); }
.sons-qr-attendance-count-card > div[b-9gzw9l9ful] { display:flex; flex-direction:column; gap:4px; }
.sons-qr-attendance-count-card span[b-9gzw9l9ful] { color:#17324d; font-size:20px; font-weight:800; }
.sons-qr-attendance-count-card small[b-9gzw9l9ful] { color:#66788a; font-size:13px; }
.sons-qr-attendance-count-card strong[b-9gzw9l9ful] { display:grid; width:64px; height:64px; place-items:center; border-radius:50%; background:#147a4b; color:#fff; font-size:30px; font-weight:850; }
@media(max-width:600px){.sons-qr-scanner-title-actions[b-9gzw9l9ful]{width:100%;align-items:stretch;flex-direction:column}.sons-qr-stop-camera[b-9gzw9l9ful]{width:100%}.sons-qr-attendance-count-card[b-9gzw9l9ful]{min-height:78px;padding:13px 15px}.sons-qr-attendance-count-card strong[b-9gzw9l9ful]{width:54px;height:54px;font-size:26px}}
/* /Components/Pages/Sons/Attendance/QrScanner/SonsQrAttendance.razor.rz.scp.css */
/* صفحة تسجيل حضور المخدومين بالـ QR بتصميم متجاوب ومريح. */
.sons-qr-attendance-page[b-02d8196x1f] {
    --qr-primary: #175b8f;
    --qr-primary-dark: #10466f;
    --qr-border: #cbd7e3;
    --qr-soft-border: #dce5ee;
    --qr-text: #243447;
    --qr-muted: #66788a;
    width: 100%;
    min-height: 100vh;
    padding: 22px;
    direction: rtl;
    background: #eef3f8;
    color: var(--qr-text);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.sons-qr-attendance-page[b-02d8196x1f],
.sons-qr-attendance-page *[b-02d8196x1f] {
    box-sizing: border-box;
}

.sons-qr-attendance-header[b-02d8196x1f] {
    display: flex;
    margin-bottom: 16px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--qr-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.sons-qr-attendance-eyebrow[b-02d8196x1f] {
    color: var(--qr-primary);
    font-size: 13px;
    font-weight: 800;
}

.sons-qr-attendance-header h1[b-02d8196x1f] {
    margin: 3px 0 0;
    color: #17324d;
    font-size: clamp(27px, 2vw, 38px);
    font-weight: 800;
}

.sons-qr-attendance-header p[b-02d8196x1f] {
    margin: 5px 0 0;
    color: var(--qr-muted);
    font-size: 15px;
}

.sons-qr-attendance-home[b-02d8196x1f] {
    display: inline-flex !important;
    width: 205px !important;
    min-width: 205px !important;
    height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-weight: 750 !important;
}

.sons-qr-attendance-page > .alert[b-02d8196x1f] {
    margin: 0 0 16px;
    padding: 13px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 650;
}

.sons-qr-attendance-filter-card[b-02d8196x1f] {
    display: grid;
    margin-bottom: 16px;
    padding: 16px 18px;
    grid-template-columns: repeat(3, minmax(190px, 1fr)) minmax(150px, 0.55fr) auto;
    align-items: end;
    gap: 14px;
    border: 1px solid var(--qr-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-qr-attendance-filter-field[b-02d8196x1f] {
    min-width: 0;
}

.sons-qr-attendance-filter-field label[b-02d8196x1f] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 750;
}

.sons-qr-attendance-summary[b-02d8196x1f] {
    display: flex;
    min-height: 48px;
    padding: 7px 13px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f5f9fc;
}

.sons-qr-attendance-summary span[b-02d8196x1f] {
    color: var(--qr-muted);
    font-size: 13px;
    font-weight: 700;
}

.sons-qr-attendance-summary strong[b-02d8196x1f] {
    color: var(--qr-primary-dark);
    font-size: 22px;
    font-weight: 850;
}

.sons-qr-attendance-actions[b-02d8196x1f] {
    display: flex;
    gap: 9px;
}

.sons-qr-attendance-actions .btn[b-02d8196x1f] {
    min-width: 135px;
    min-height: 48px;
    border-radius: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.sons-qr-attendance-content[b-02d8196x1f] {
    display: grid;
    grid-template-columns: minmax(320px, 0.75fr) minmax(500px, 1.25fr);
    align-items: start;
    gap: 16px;
}

.sons-qr-attendance-scanner-card[b-02d8196x1f],
.sons-qr-attendance-grid-card[b-02d8196x1f] {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--qr-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-qr-attendance-card-title[b-02d8196x1f] {
    display: flex;
    margin-bottom: 14px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.sons-qr-attendance-card-title h2[b-02d8196x1f] {
    margin: 0;
    color: #17324d;
    font-size: 22px;
    font-weight: 800;
}

.sons-qr-attendance-card-title p[b-02d8196x1f] {
    margin: 4px 0 0;
    color: var(--qr-muted);
    font-size: 13px;
}

.sons-qr-attendance-status[b-02d8196x1f] {
    display: inline-flex;
    min-width: 120px;
    min-height: 38px;
    padding: 7px 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6dee7;
    border-radius: 999px;
    background: #f3f6f9;
    color: #657482;
    font-size: 13px;
    font-weight: 800;
}

.sons-qr-attendance-status.is-running[b-02d8196x1f] {
    border-color: #9dd9bd;
    background: #e8f7ef;
    color: #147a4b;
}

.sons-qr-scanner-container[b-02d8196x1f] {
    position: relative;
    width: 100%;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid #c7d3df;
    border-radius: 16px;
    background: #111820;
}

.sons-qr-reader[b-02d8196x1f],
.sons-qr-reader[b-02d8196x1f]  .sons-qr-video {
    width: 100%;
    height: 100%;
}

.sons-qr-reader[b-02d8196x1f] {
    position: absolute;
    inset: 0;
}

.sons-qr-reader[b-02d8196x1f]  .sons-qr-video {
    display: block;
    min-height: 390px;
    object-fit: cover;
}

.sons-qr-scanner-frame[b-02d8196x1f] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: min(56%, 260px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.sons-qr-scanner-frame .corner[b-02d8196x1f] {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 5px solid #34e89e;
    filter: drop-shadow(0 0 4px rgba(52, 232, 158, 0.7));
}

.sons-qr-scanner-frame .top-right[b-02d8196x1f] {
    top: 0;
    right: 0;
    border-bottom: none;
    border-left: none;
}

.sons-qr-scanner-frame .top-left[b-02d8196x1f] {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
}

.sons-qr-scanner-frame .bottom-right[b-02d8196x1f] {
    right: 0;
    bottom: 0;
    border-top: none;
    border-left: none;
}

.sons-qr-scanner-frame .bottom-left[b-02d8196x1f] {
    bottom: 0;
    left: 0;
    border-top: none;
    border-right: none;
}

.sons-qr-scan-line[b-02d8196x1f] {
    position: absolute;
    top: 0;
    right: 4%;
    width: 92%;
    height: 3px;
    border-radius: 999px;
    background: #34e89e;
    box-shadow: 0 0 10px rgba(52, 232, 158, 0.9);
    animation: sons-qr-scan-move-b-02d8196x1f 2s linear infinite;
}

@keyframes sons-qr-scan-move-b-02d8196x1f {
    from {
        top: 3%;
    }

    to {
        top: 96%;
    }
}

.sons-qr-scanner-placeholder[b-02d8196x1f] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    background: radial-gradient(circle, #263849 0%, #111820 72%);
    color: #ffffff;
    text-align: center;
}

.sons-qr-scanner-placeholder strong[b-02d8196x1f] {
    font-size: 20px;
}

.sons-qr-scanner-placeholder span[b-02d8196x1f] {
    color: #c8d4df;
    font-size: 14px;
}

.sons-qr-scanner-message[b-02d8196x1f] {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 750;
    text-align: center;
}

.sons-qr-scanner-message.is-success[b-02d8196x1f] {
    border-color: #9dd9bd;
    background: #e8f7ef;
    color: #116c43;
}

.sons-qr-scanner-message.is-info[b-02d8196x1f] {
    border-color: #a9cce4;
    background: #edf6fc;
    color: #175b8f;
}

.sons-qr-scanner-message.is-error[b-02d8196x1f] {
    border-color: #efb0b6;
    background: #fdecef;
    color: #a4262c;
}

.sons-qr-attendance-state[b-02d8196x1f] {
    display: flex;
    min-height: 430px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--qr-muted);
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.sons-qr-attendance-spinner[b-02d8196x1f] {
    width: 24px;
    height: 24px;
    border: 3px solid #d9e6f1;
    border-top-color: var(--qr-primary);
    border-radius: 50%;
    animation: sons-qr-spin-b-02d8196x1f 0.8s linear infinite;
}

@keyframes sons-qr-spin-b-02d8196x1f {
    to {
        transform: rotate(360deg);
    }
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-input-group,
.sons-qr-attendance-page[b-02d8196x1f]  .e-input-group.e-control-wrapper {
    min-height: 48px !important;
    overflow: hidden !important;
    border: 1px solid var(--qr-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-input-group.e-input-focus,
.sons-qr-attendance-page[b-02d8196x1f]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--qr-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(23, 91, 143, 0.14) !important;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-input-group::before,
.sons-qr-attendance-page[b-02d8196x1f]  .e-input-group::after {
    display: none !important;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-grid {
    overflow: hidden;
    border: 1px solid #d6e0ea;
    border-radius: 12px;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-grid .e-toolbar,
.sons-qr-attendance-page[b-02d8196x1f]  .e-grid .e-pager {
    background: #f8fafc;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-grid .e-headercell {
    height: 50px;
    background: #e8eef4;
    color: #243447;
    font-weight: 800;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-grid .e-rowcell {
    padding: 10px 8px;
    vertical-align: middle;
    color: #344054;
    border-color: #d8e1ea;
    font-size: 15px;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-grid .e-altrow {
    background: #f7f9fb;
}

.sons-qr-attendance-page[b-02d8196x1f]  .e-grid .e-row:hover .e-rowcell {
    background: #edf6fc;
}

@media (max-width: 1280px) {
    .sons-qr-attendance-filter-card[b-02d8196x1f] {
        grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(145px, 0.6fr);
    }

    .sons-qr-attendance-actions[b-02d8196x1f] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .sons-qr-attendance-content[b-02d8196x1f] {
        grid-template-columns: minmax(300px, 0.8fr) minmax(450px, 1.2fr);
    }
}

@media (max-width: 900px) {
    .sons-qr-attendance-page[b-02d8196x1f] {
        padding: 12px;
    }

    .sons-qr-attendance-header[b-02d8196x1f] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-qr-attendance-home[b-02d8196x1f] {
        width: 100% !important;
    }

    .sons-qr-attendance-filter-card[b-02d8196x1f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sons-qr-attendance-summary[b-02d8196x1f],
    .sons-qr-attendance-actions[b-02d8196x1f] {
        grid-column: 1 / -1;
    }

    .sons-qr-attendance-content[b-02d8196x1f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .sons-qr-attendance-filter-card[b-02d8196x1f] {
        grid-template-columns: 1fr;
    }

    .sons-qr-attendance-filter-field[b-02d8196x1f],
    .sons-qr-attendance-summary[b-02d8196x1f],
    .sons-qr-attendance-actions[b-02d8196x1f] {
        grid-column: 1;
    }

    .sons-qr-attendance-actions[b-02d8196x1f] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-qr-attendance-actions .btn[b-02d8196x1f] {
        width: 100%;
    }

    .sons-qr-attendance-card-title[b-02d8196x1f] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-qr-attendance-status[b-02d8196x1f] {
        width: 100%;
    }

    .sons-qr-scanner-container[b-02d8196x1f],
    .sons-qr-reader[b-02d8196x1f]  .sons-qr-video {
        min-height: 330px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sons-qr-attendance-page *[b-02d8196x1f] {
        animation: none !important;
        transition: none !important;
    }
}


/* وضع تشغيل الكاميرا والترتيب الرأسي. */
.is-hidden-while-scanning[b-02d8196x1f] { display: none !important; }
.sons-qr-attendance-content[b-02d8196x1f] { grid-template-columns: 1fr; }
.sons-qr-attendance-content.scanner-running[b-02d8196x1f] { margin-top: 0; }
.sons-qr-attendance-scanner-card[b-02d8196x1f] { order: 1; }
.sons-qr-attendance-count-card[b-02d8196x1f] { order: 2; }
.sons-qr-attendance-grid-card[b-02d8196x1f] { order: 3; }
.sons-qr-scanner-title-actions[b-02d8196x1f] { display:flex; align-items:center; gap:10px; }
.sons-qr-stop-camera[b-02d8196x1f] { min-width:140px; min-height:40px; border-radius:10px; font-weight:750; }
.sons-qr-attendance-count-card[b-02d8196x1f] { display:flex; min-height:90px; padding:16px 20px; align-items:center; justify-content:space-between; gap:18px; border:1px solid #9dd9bd; border-radius:18px; background:#e8f7ef; box-shadow:0 7px 20px rgba(35,59,83,.07); }
.sons-qr-attendance-count-card > div[b-02d8196x1f] { display:flex; flex-direction:column; gap:4px; }
.sons-qr-attendance-count-card span[b-02d8196x1f] { color:#17324d; font-size:20px; font-weight:800; }
.sons-qr-attendance-count-card small[b-02d8196x1f] { color:#66788a; font-size:13px; }
.sons-qr-attendance-count-card strong[b-02d8196x1f] { display:grid; width:64px; height:64px; place-items:center; border-radius:50%; background:#147a4b; color:#fff; font-size:30px; font-weight:850; }
@media(max-width:600px){.sons-qr-scanner-title-actions[b-02d8196x1f]{width:100%;align-items:stretch;flex-direction:column}.sons-qr-stop-camera[b-02d8196x1f]{width:100%}.sons-qr-attendance-count-card[b-02d8196x1f]{min-height:78px;padding:13px 15px}.sons-qr-attendance-count-card strong[b-02d8196x1f]{width:54px;height:54px;font-size:26px}}
/* /Components/Pages/Sons/Birthdays/SonsBirthdays.razor.rz.scp.css */
/* ============================================================
   Sons Birthdays
   الهوية البصرية المعتمدة لصفحة أعياد ميلاد المخدومين
   ============================================================ */

.sons-birthdays-page[b-dx21sdqfzz] {
    width: 100%;
    min-height: 100vh;
    padding: clamp(12px, 2vw, 28px);
    direction: rtl;
    background:
        radial-gradient(circle at 94% 2%, rgba(11, 111, 164, 0.07), transparent 25%),
        #f4f6f9;
    color: #172b3f;
}

.sons-birthdays-page[b-dx21sdqfzz],
.sons-birthdays-page *[b-dx21sdqfzz] {
    box-sizing: border-box;
}

.sons-birthdays-header[b-dx21sdqfzz] {
    display: flex;
    width: min(1680px, 100%);
    margin: 0 auto 18px;
    padding: clamp(18px, 2vw, 28px);
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.sons-birthdays-header > div[b-dx21sdqfzz] {
    min-width: 0;
    flex: 1;
}

.sons-birthdays-eyebrow[b-dx21sdqfzz] {
    display: block;
    margin-bottom: 4px;
    color: #0b6fa4;
    font-size: 14px;
    font-weight: 700;
}

.sons-birthdays-header h1[b-dx21sdqfzz] {
    margin: 0;
    color: #172b3f;
    font-size: clamp(27px, 2.1vw, 39px);
    font-weight: 700;
    line-height: 1.4;
}

.sons-birthdays-header p[b-dx21sdqfzz] {
    margin: 6px 0 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.75;
}

.sons-birthdays-home[b-dx21sdqfzz] {
    display: inline-flex;
    width: 208px;
    min-width: 208px;
    min-height: 54px;
    flex: 0 0 208px;
    align-items: center;
    justify-content: center;
    padding: 9px 22px;
    border: 1.5px solid #0b79d0;
    border-radius: 999px;
    background: #fff;
    color: #0869b4;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    transition: 160ms ease;
}

.sons-birthdays-home:hover[b-dx21sdqfzz],
.sons-birthdays-home:focus[b-dx21sdqfzz] {
    border-color: #0867ae;
    outline: none;
    background: #0b79d0;
    color: #fff;
    box-shadow: 0 7px 18px rgba(11, 121, 208, 0.19);
    transform: translateY(-1px);
}

.sons-birthdays-page > .alert[b-dx21sdqfzz] {
    width: min(1680px, 100%);
    margin: 0 auto 16px;
    padding: 13px 16px;
    border-radius: 12px;
    font-weight: 600;
    line-height: 1.65;
}

.sons-birthdays-filter-card[b-dx21sdqfzz] {
    display: grid;
    width: min(1680px, 100%);
    margin: 0 auto 16px;
    padding: 18px;
    grid-template-columns:
        minmax(210px, 1fr)
        minmax(230px, 1fr)
        minmax(190px, 0.85fr)
        minmax(155px, 0.65fr)
        minmax(155px, 0.65fr)
        auto;
    align-items: end;
    gap: 14px;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-birthdays-filter-field[b-dx21sdqfzz] {
    min-width: 0;
}

.sons-birthdays-filter-field label[b-dx21sdqfzz] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 700;
}

.sons-birthdays-summary[b-dx21sdqfzz] {
    display: flex;
    min-height: 46px;
    padding: 8px 13px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #c9d7e4;
    border-radius: 12px;
    background: #f2f7fb;
}

.sons-birthdays-summary span[b-dx21sdqfzz] {
    color: #667085;
    font-size: 13px;
    font-weight: 600;
}

.sons-birthdays-summary strong[b-dx21sdqfzz] {
    color: #07547d;
    font-size: 22px;
    font-weight: 700;
}

.sons-birthdays-gifts-summary[b-dx21sdqfzz] {
    border-color: #b9ddcf;
    background: #eef9f4;
}

.sons-birthdays-gifts-summary strong[b-dx21sdqfzz] {
    color: #147356;
}

.sons-birthdays-export-actions[b-dx21sdqfzz] {
    display: flex;
    align-items: center;
}

.sons-birthdays-export-actions .btn[b-dx21sdqfzz] {
    min-width: 155px;
    min-height: 46px;
    border-radius: 11px;
    font-weight: 700;
}

.sons-birthdays-grid-card[b-dx21sdqfzz] {
    width: min(1680px, 100%);
    min-height: 250px;
    margin: 0 auto;
    padding: 16px;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-birthdays-grid-wrapper[b-dx21sdqfzz] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d8e0e8;
    border-radius: 14px;
}

.sons-birthdays-state[b-dx21sdqfzz] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #667085;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.sons-birthdays-spinner[b-dx21sdqfzz] {
    width: 23px;
    height: 23px;
    border: 3px solid #d9e6f1;
    border-top-color: #0b6fa4;
    border-radius: 50%;
    animation: sons-birthdays-spin-b-dx21sdqfzz 0.8s linear infinite;
}

@keyframes sons-birthdays-spin-b-dx21sdqfzz {
    to { transform: rotate(360deg); }
}

/* مفتاح حالة توزيع الهدية */
.sons-birthdays-gift-toggle[b-dx21sdqfzz] {
    display: inline-flex;
    min-width: 118px;
    min-height: 34px;
    margin: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.sons-birthdays-gift-toggle input[b-dx21sdqfzz] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.sons-birthdays-gift-check[b-dx21sdqfzz] {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 22px;
    flex: 0 0 38px;
    border: 1px solid #afbbc7;
    border-radius: 999px;
    background: #dce3ea;
    transition: 150ms ease;
}

.sons-birthdays-gift-check[b-dx21sdqfzz]::after {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(16, 24, 40, 0.22);
    content: "";
    transition: 150ms ease;
}

.sons-birthdays-gift-toggle input:checked + .sons-birthdays-gift-check[b-dx21sdqfzz] {
    border-color: #16815d;
    background: #16815d;
}

.sons-birthdays-gift-toggle input:checked + .sons-birthdays-gift-check[b-dx21sdqfzz]::after {
    right: 18px;
}

.sons-birthdays-gift-toggle input:focus-visible + .sons-birthdays-gift-check[b-dx21sdqfzz] {
    outline: 3px solid rgba(11, 111, 164, 0.2);
    outline-offset: 2px;
}

.sons-birthdays-gift-toggle input:disabled + .sons-birthdays-gift-check[b-dx21sdqfzz],
.sons-birthdays-gift-toggle input:disabled ~ .sons-birthdays-gift-text[b-dx21sdqfzz] {
    cursor: wait;
    opacity: 0.58;
}

.sons-birthdays-gift-text[b-dx21sdqfzz] {
    min-width: 60px;
    color: #526273;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.sons-birthdays-gift-toggle input:checked ~ .sons-birthdays-gift-text[b-dx21sdqfzz] {
    color: #147356;
}

/* Syncfusion */
.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group,
.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group.e-control-wrapper,
.sons-birthdays-page[b-dx21sdqfzz]  .e-ddl.e-input-group.e-control-wrapper {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #c8d5e2 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group:hover,
.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group.e-control-wrapper:hover {
    border-color: #8aa5bf !important;
    background: #fff !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group.e-input-focus,
.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: #0b6fa4 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(11, 111, 164, 0.13) !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group input.e-input,
.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group.e-control-wrapper input.e-input {
    min-height: 44px !important;
    padding-inline: 12px 46px !important;
    color: #243447 !important;
    text-align: right !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group .e-input-group-icon,
.sons-birthdays-page[b-dx21sdqfzz]  .e-input-group.e-control-wrapper .e-input-group-icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 44px !important;
    color: #0b6fa4 !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-gridheader,
.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-headercell {
    border-color: #d7e0e8 !important;
    background: #e9eef5 !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-headercell {
    color: #243447 !important;
    font-weight: 700 !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-headercelldiv,
.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-headertext {
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.5 !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-rowcell {
    border-color: #e2e7ee !important;
    color: #34495e !important;
    line-height: 1.55 !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-altrow .e-rowcell {
    background: #f8fafc !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-row:hover .e-rowcell {
    background: #eef6fb !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-toolbar,
.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-pager {
    border-color: #d8e0e8 !important;
    background: #fff !important;
}

.sons-birthdays-page[b-dx21sdqfzz]  .e-grid .e-search .e-input-group {
    min-height: 38px !important;
    border-radius: 10px !important;
}

@media (max-width: 1320px) {
    .sons-birthdays-filter-card[b-dx21sdqfzz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sons-birthdays-export-actions .btn[b-dx21sdqfzz] {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .sons-birthdays-filter-card[b-dx21sdqfzz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .sons-birthdays-page[b-dx21sdqfzz] {
        padding: 9px;
    }

    .sons-birthdays-header[b-dx21sdqfzz] {
        padding: 17px;
        align-items: stretch;
        flex-direction: column;
    }

    .sons-birthdays-header h1[b-dx21sdqfzz] {
        font-size: 27px;
    }

    .sons-birthdays-home[b-dx21sdqfzz] {
        width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .sons-birthdays-filter-card[b-dx21sdqfzz] {
        padding: 14px;
        grid-template-columns: 1fr;
    }

    .sons-birthdays-summary[b-dx21sdqfzz],
    .sons-birthdays-export-actions[b-dx21sdqfzz],
    .sons-birthdays-export-actions .btn[b-dx21sdqfzz] {
        width: 100%;
    }

    .sons-birthdays-grid-card[b-dx21sdqfzz] {
        padding: 8px;
        border-radius: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sons-birthdays-page *[b-dx21sdqfzz],
    .sons-birthdays-page *[b-dx21sdqfzz]::before,
    .sons-birthdays-page *[b-dx21sdqfzz]::after {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Pages/Sons/ClassBrowse/SonsClassBrowse.razor.rz.scp.css */
/* صفحة استعراض مخدومي الفصل بتصميم موحد ومتجاوب. */
.sons-class-browse-page[b-mdk3nfh3em] {
    --browse-primary: #175b8f;
    --browse-primary-dark: #10466f;
    --browse-border: #cbd7e3;
    --browse-soft-border: #dce5ee;
    --browse-text: #243447;
    --browse-muted: #66788a;
    width: 100%;
    min-height: 100vh;
    padding: 22px;
    direction: rtl;
    background: #eef3f8;
    color: var(--browse-text);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.sons-class-browse-page[b-mdk3nfh3em],
.sons-class-browse-page *[b-mdk3nfh3em] {
    box-sizing: border-box;
}

.sons-class-browse-header[b-mdk3nfh3em] {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--browse-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.sons-class-browse-eyebrow[b-mdk3nfh3em] {
    color: var(--browse-primary);
    font-size: 13px;
    font-weight: 800;
}

.sons-class-browse-header h1[b-mdk3nfh3em] {
    margin: 3px 0 0;
    color: #17324d;
    font-size: clamp(27px, 2vw, 38px);
    font-weight: 800;
}

.sons-class-browse-header p[b-mdk3nfh3em] {
    margin: 5px 0 0;
    color: var(--browse-muted);
    font-size: 15px;
}

.sons-class-browse-home[b-mdk3nfh3em] {
    display: inline-flex !important;
    width: 205px !important;
    min-width: 205px !important;
    height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-weight: 750 !important;
}

.sons-class-browse-page > .alert[b-mdk3nfh3em] {
    width: 100%;
    margin: 0 0 16px;
    padding: 13px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 650;
}

.sons-class-browse-filter-card[b-mdk3nfh3em] {
    display: grid;
    width: 100%;
    margin-bottom: 16px;
    padding: 16px 18px;
    grid-template-columns: repeat(3, minmax(190px, 1fr)) minmax(150px, 0.55fr) auto;
    align-items: end;
    gap: 14px;
    border: 1px solid var(--browse-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-class-browse-filter-field[b-mdk3nfh3em] {
    min-width: 0;
}

.sons-class-browse-filter-field label[b-mdk3nfh3em] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 750;
}

.sons-class-browse-summary[b-mdk3nfh3em] {
    display: flex;
    min-height: 48px;
    padding: 7px 13px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #d7e2ec;
    border-radius: 12px;
    background: #f5f9fc;
}

.sons-class-browse-summary span[b-mdk3nfh3em] {
    color: var(--browse-muted);
    font-size: 13px;
    font-weight: 700;
}

.sons-class-browse-summary strong[b-mdk3nfh3em] {
    color: var(--browse-primary-dark);
    font-size: 22px;
    font-weight: 850;
}

.sons-class-browse-export-actions[b-mdk3nfh3em] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.sons-class-browse-export-actions .btn[b-mdk3nfh3em] {
    min-width: 145px;
    min-height: 48px;
    border-radius: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.sons-class-browse-grid-card[b-mdk3nfh3em] {
    width: 100%;
    padding: 14px;
    border: 1px solid var(--browse-soft-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-class-browse-grid-wrapper[b-mdk3nfh3em] {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
}

.sons-class-browse-state[b-mdk3nfh3em] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--browse-muted);
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.sons-class-browse-spinner[b-mdk3nfh3em] {
    width: 24px;
    height: 24px;
    border: 3px solid #d9e6f1;
    border-top-color: var(--browse-primary);
    border-radius: 50%;
    animation: sons-class-browse-spin-b-mdk3nfh3em 0.8s linear infinite;
}

@keyframes sons-class-browse-spin-b-mdk3nfh3em {
    to {
        transform: rotate(360deg);
    }
}

.sons-class-browse-edit[b-mdk3nfh3em] {
    min-width: 58px;
    padding: 5px 9px;
    border: 1px solid #93b8d5;
    border-radius: 8px;
    background: #edf6fc;
    color: #10466f;
    font-weight: 750;
    cursor: pointer;
}

.sons-class-browse-edit:hover[b-mdk3nfh3em],
.sons-class-browse-edit:focus[b-mdk3nfh3em] {
    border-color: var(--browse-primary);
    background: var(--browse-primary);
    color: #ffffff;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-input-group,
.sons-class-browse-page[b-mdk3nfh3em]  .e-input-group.e-control-wrapper {
    min-height: 48px !important;
    overflow: hidden !important;
    border: 1px solid var(--browse-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-input-group.e-input-focus,
.sons-class-browse-page[b-mdk3nfh3em]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--browse-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(23, 91, 143, 0.14) !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-input-group::before,
.sons-class-browse-page[b-mdk3nfh3em]  .e-input-group::after {
    display: none !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-dropdownbase .e-list-item {
    min-height: 42px;
    padding: 9px 12px;
    text-align: right;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid {
    overflow: hidden;
    border: 1px solid #d6e0ea;
    border-radius: 12px;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-toolbar {
    border-bottom: 1px solid #dce5ee;
    background: #f8fafc;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-headercell {
    height: 50px;
    background: #e8eef4;
    color: #243447;
    font-weight: 800;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-headercelldiv {
    white-space: normal;
    line-height: 1.3;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-rowcell {
    padding: 8px 7px;
    vertical-align: middle;
    color: #344054;
    border-color: #d8e1ea;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-altrow {
    background: #f7f9fb;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-row:hover .e-rowcell {
    background: #edf6fc;
}

.sons-class-browse-page[b-mdk3nfh3em]  .e-grid .e-pager {
    background: #f8fafc;
}

@media (max-width: 1380px) {
    .sons-class-browse-filter-card[b-mdk3nfh3em] {
        grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(145px, 0.6fr);
    }

    .sons-class-browse-export-actions[b-mdk3nfh3em] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .sons-class-browse-page[b-mdk3nfh3em] {
        padding: 12px;
    }

    .sons-class-browse-header[b-mdk3nfh3em] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-class-browse-home[b-mdk3nfh3em] {
        width: 100% !important;
    }

    .sons-class-browse-filter-card[b-mdk3nfh3em] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sons-class-browse-summary[b-mdk3nfh3em],
    .sons-class-browse-export-actions[b-mdk3nfh3em] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .sons-class-browse-filter-card[b-mdk3nfh3em] {
        grid-template-columns: 1fr;
    }

    .sons-class-browse-filter-field[b-mdk3nfh3em],
    .sons-class-browse-summary[b-mdk3nfh3em],
    .sons-class-browse-export-actions[b-mdk3nfh3em] {
        grid-column: 1;
    }

    .sons-class-browse-export-actions[b-mdk3nfh3em] {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-class-browse-export-actions .btn[b-mdk3nfh3em] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sons-class-browse-page *[b-mdk3nfh3em] {
        animation: none !important;
        transition: none !important;
    }
}

/* نافذة تعديل بيانات المخدوم داخل صفحة الاستعراض. */
.sons-class-browse-page[b-mdk3nfh3em]  .sons-class-browse-edit-dialog.e-dialog {
    max-width: 1700px !important;
    overflow: hidden !important;
    border: 1px solid #cbd7e3 !important;
    border-radius: 18px !important;
    background: #eef3f8 !important;
    box-shadow: 0 24px 70px rgba(22, 46, 70, 0.28) !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .sons-class-browse-edit-dialog .e-dlg-header-content {
    min-height: 58px !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #d8e2eb !important;
    background: #ffffff !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .sons-class-browse-edit-dialog .e-dlg-header {
    color: #17324d !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .sons-class-browse-edit-dialog .e-dlg-closeicon-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #f2f5f8 !important;
}

.sons-class-browse-page[b-mdk3nfh3em]  .sons-class-browse-edit-dialog .e-dlg-content {
    height: calc(100% - 58px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef3f8 !important;
}

.sons-class-browse-dialog-content[b-mdk3nfh3em] {
    width: 100%;
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
}

.sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-page {
    min-height: 0 !important;
    padding: 14px !important;
    background: #eef3f8 !important;
}

.sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-dialog-header {
    display: flex;
    width: 100%;
    margin-bottom: 14px;
    padding: 14px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid #dce5ee;
    border-radius: 14px;
    background: #ffffff;
}

.sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-dialog-header h1 {
    margin: 2px 0 0;
    color: #17324d;
    font-size: 24px;
    font-weight: 800;
}

.sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-dialog-close {
    min-width: 110px;
    min-height: 44px;
    border-radius: 10px;
    font-weight: 750;
}

@media (max-width: 900px) {
    .sons-class-browse-page[b-mdk3nfh3em]  .sons-class-browse-edit-dialog.e-dialog {
        width: 98% !important;
        height: 97% !important;
        border-radius: 12px !important;
    }

    .sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-page {
        padding: 8px !important;
    }

    .sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-dialog-header {
        align-items: stretch;
        flex-direction: column;
    }

    .sons-class-browse-dialog-content[b-mdk3nfh3em]  .son-form-dialog-close {
        width: 100%;
    }
}
/* /Components/Pages/Sons/Missing/Registration/SonsMissingRegistration.razor.rz.scp.css */
.missing-page[b-n1gaq5qzny]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.missing-page[b-n1gaq5qzny],.missing-page *[b-n1gaq5qzny]{box-sizing:border-box}.missing-header[b-n1gaq5qzny],.filter-card[b-n1gaq5qzny],.entry-card[b-n1gaq5qzny],.grid-card[b-n1gaq5qzny]{width:min(1680px,100%);margin:0 auto 16px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.missing-header[b-n1gaq5qzny]{display:flex;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px}.eyebrow[b-n1gaq5qzny]{color:#0b6fa4;font-weight:700}.missing-header h1[b-n1gaq5qzny]{margin:4px 0;font-size:clamp(27px,2.1vw,39px)}.missing-header p[b-n1gaq5qzny],.section-title p[b-n1gaq5qzny]{margin:4px 0;color:#667085}.home-button[b-n1gaq5qzny]{width:208px;min-height:54px;border-radius:999px;font-weight:700}.missing-page>.alert[b-n1gaq5qzny]{width:min(1680px,100%);margin:0 auto 16px}.filter-card[b-n1gaq5qzny]{display:grid;padding:18px;grid-template-columns:minmax(180px,.7fr) minmax(210px,1fr) minmax(230px,1fr) minmax(160px,.6fr) auto;align-items:end;gap:14px}.field label[b-n1gaq5qzny]{display:block;margin-bottom:7px;color:#34495e;font-weight:700}.summary[b-n1gaq5qzny]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.summary strong[b-n1gaq5qzny]{color:#07547d;font-size:22px}.export-button[b-n1gaq5qzny]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.entry-card[b-n1gaq5qzny],.grid-card[b-n1gaq5qzny]{padding:clamp(16px,2vw,24px)}.section-title[b-n1gaq5qzny]{margin-bottom:16px}.section-title h2[b-n1gaq5qzny]{margin:0;font-size:22px}.entry-grid[b-n1gaq5qzny]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.son-field[b-n1gaq5qzny],.visitor-field[b-n1gaq5qzny],.notes-field[b-n1gaq5qzny]{grid-column:span 2}.readonly-field[b-n1gaq5qzny]{display:flex;min-height:74px;padding:12px 14px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #d8e0e8;border-radius:12px;background:#f8fafc}.readonly-field span[b-n1gaq5qzny]{color:#667085;font-size:13px}.notes-field textarea[b-n1gaq5qzny]{resize:vertical}.actions[b-n1gaq5qzny]{display:flex;margin-top:16px;gap:12px}.actions .btn[b-n1gaq5qzny]{min-width:180px;min-height:46px;border-radius:11px;font-weight:700}.grid-wrapper[b-n1gaq5qzny]{overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.state[b-n1gaq5qzny]{display:flex;min-height:240px;align-items:center;justify-content:center;color:#667085;font-weight:600}@media(max-width:1100px){.filter-card[b-n1gaq5qzny]{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid[b-n1gaq5qzny]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.missing-page[b-n1gaq5qzny]{padding:9px}.missing-header[b-n1gaq5qzny]{align-items:stretch;flex-direction:column}.home-button[b-n1gaq5qzny],.export-button[b-n1gaq5qzny]{width:100%}.filter-card[b-n1gaq5qzny],.entry-grid[b-n1gaq5qzny]{grid-template-columns:1fr}.son-field[b-n1gaq5qzny],.visitor-field[b-n1gaq5qzny],.notes-field[b-n1gaq5qzny]{grid-column:auto}.entry-card[b-n1gaq5qzny],.grid-card[b-n1gaq5qzny]{padding:10px}.actions[b-n1gaq5qzny]{flex-direction:column}.actions .btn[b-n1gaq5qzny]{width:100%}}
/* /Components/Pages/Sons/Missing/ServantRangeReport/SonsServantMissingReport.razor.rz.scp.css */
.servant-missing-page[b-y5nofpde2t]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.servant-missing-page[b-y5nofpde2t],.servant-missing-page *[b-y5nofpde2t]{box-sizing:border-box}.servant-missing-header[b-y5nofpde2t],.filters-card[b-y5nofpde2t],.grid-card[b-y5nofpde2t]{width:min(1680px,100%);margin:0 auto 16px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.servant-missing-header[b-y5nofpde2t]{display:flex;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px}.eyebrow[b-y5nofpde2t]{color:#0b6fa4;font-weight:700}.servant-missing-header h1[b-y5nofpde2t]{margin:4px 0;font-size:clamp(27px,2.1vw,39px)}.servant-missing-header p[b-y5nofpde2t],.section-title p[b-y5nofpde2t]{margin:4px 0;color:#667085}.home-button[b-y5nofpde2t]{width:208px;min-height:54px;border-radius:999px;font-weight:700}.servant-missing-page>.alert[b-y5nofpde2t]{width:min(1680px,100%);margin:0 auto 16px}.filters-card[b-y5nofpde2t]{display:grid;padding:18px;grid-template-columns:minmax(165px,.65fr) minmax(165px,.65fr) minmax(210px,.9fr) minmax(235px,1fr) minmax(165px,.65fr) auto;align-items:end;gap:14px}.field[b-y5nofpde2t]{min-width:0}.field label[b-y5nofpde2t]{display:block;margin:0 2px 7px;color:#34495e;font-weight:700}.result-count[b-y5nofpde2t]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.result-count span[b-y5nofpde2t]{color:#667085;font-size:13px;font-weight:600}.result-count strong[b-y5nofpde2t]{color:#07547d;font-size:22px}.export-button[b-y5nofpde2t]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.grid-card[b-y5nofpde2t]{padding:clamp(16px,2vw,24px)}.section-title[b-y5nofpde2t]{margin-bottom:16px}.section-title h2[b-y5nofpde2t]{margin:0;font-size:22px}.grid-wrapper[b-y5nofpde2t]{overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.state[b-y5nofpde2t]{display:flex;min-height:260px;align-items:center;justify-content:center;color:#667085;font-weight:600}@media(max-width:1300px){.filters-card[b-y5nofpde2t]{grid-template-columns:repeat(3,minmax(0,1fr))}.export-button[b-y5nofpde2t]{width:100%}}@media(max-width:900px){.filters-card[b-y5nofpde2t]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.servant-missing-page[b-y5nofpde2t]{padding:9px}.servant-missing-header[b-y5nofpde2t]{align-items:stretch;flex-direction:column}.home-button[b-y5nofpde2t],.export-button[b-y5nofpde2t]{width:100%}.filters-card[b-y5nofpde2t]{grid-template-columns:1fr}.grid-card[b-y5nofpde2t]{padding:8px}}
/* /Components/Pages/Sons/Missing/StageRangeReport/SonsStageMissingReport.razor.rz.scp.css */
.stage-missing-page[b-rmpwa5tvzi]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.stage-missing-page[b-rmpwa5tvzi],.stage-missing-page *[b-rmpwa5tvzi]{box-sizing:border-box}.stage-missing-header[b-rmpwa5tvzi],.filters-card[b-rmpwa5tvzi],.grid-card[b-rmpwa5tvzi]{width:min(1680px,100%);margin:0 auto 16px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.stage-missing-header[b-rmpwa5tvzi]{display:flex;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px}.eyebrow[b-rmpwa5tvzi]{color:#0b6fa4;font-weight:700}.stage-missing-header h1[b-rmpwa5tvzi]{margin:4px 0;font-size:clamp(27px,2.1vw,39px)}.stage-missing-header p[b-rmpwa5tvzi],.section-title p[b-rmpwa5tvzi]{margin:4px 0;color:#667085}.home-button[b-rmpwa5tvzi]{width:208px;min-height:54px;border-radius:999px;font-weight:700}.stage-missing-page>.alert[b-rmpwa5tvzi]{width:min(1680px,100%);margin:0 auto 16px}.filters-card[b-rmpwa5tvzi]{display:grid;padding:18px;grid-template-columns:minmax(240px,1.1fr) minmax(180px,.8fr) minmax(180px,.8fr) minmax(170px,.65fr) auto;align-items:end;gap:14px}.field[b-rmpwa5tvzi]{min-width:0}.field label[b-rmpwa5tvzi]{display:block;margin:0 2px 7px;color:#34495e;font-weight:700}.result-count[b-rmpwa5tvzi]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb}.result-count span[b-rmpwa5tvzi]{color:#667085;font-size:13px;font-weight:600}.result-count strong[b-rmpwa5tvzi]{color:#07547d;font-size:22px}.export-button[b-rmpwa5tvzi]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.grid-card[b-rmpwa5tvzi]{padding:clamp(16px,2vw,24px)}.section-title[b-rmpwa5tvzi]{margin-bottom:16px}.section-title h2[b-rmpwa5tvzi]{margin:0;font-size:22px}.grid-wrapper[b-rmpwa5tvzi]{overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.state[b-rmpwa5tvzi]{display:flex;min-height:260px;align-items:center;justify-content:center;color:#667085;font-weight:600}@media(max-width:1200px){.filters-card[b-rmpwa5tvzi]{grid-template-columns:repeat(2,minmax(0,1fr))}.export-button[b-rmpwa5tvzi]{width:100%}}@media(max-width:767px){.stage-missing-page[b-rmpwa5tvzi]{padding:9px}.stage-missing-header[b-rmpwa5tvzi]{align-items:stretch;flex-direction:column}.home-button[b-rmpwa5tvzi],.export-button[b-rmpwa5tvzi]{width:100%}.filters-card[b-rmpwa5tvzi]{grid-template-columns:1fr}.grid-card[b-rmpwa5tvzi]{padding:8px}}
/* /Components/Pages/Sons/PicturesUpload/SonsPicturesUpload.razor.rz.scp.css */
/* Sons Pictures Upload - الهوية البصرية المعتمدة */
.sons-pictures-upload-page[b-gxjyu5kjbw]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}
.sons-pictures-upload-page[b-gxjyu5kjbw],.sons-pictures-upload-page *[b-gxjyu5kjbw]{box-sizing:border-box}
.sons-pictures-upload-header[b-gxjyu5kjbw]{display:flex;width:min(1680px,100%);margin:0 auto 18px;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e8;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(35,59,83,.08)}
.sons-pictures-upload-header>div[b-gxjyu5kjbw]{min-width:0;flex:1}.sons-pictures-upload-eyebrow[b-gxjyu5kjbw]{display:block;margin-bottom:4px;color:#0b6fa4;font-size:14px;font-weight:700}.sons-pictures-upload-header h1[b-gxjyu5kjbw]{margin:0;color:#172b3f;font-size:clamp(27px,2.1vw,39px);font-weight:700;line-height:1.4}.sons-pictures-upload-header p[b-gxjyu5kjbw]{margin:6px 0 0;color:#667085;font-size:15px;line-height:1.75}
.sons-pictures-upload-home[b-gxjyu5kjbw]{display:inline-flex;width:208px;min-width:208px;min-height:54px;flex:0 0 208px;align-items:center;justify-content:center;padding:9px 22px;border:1.5px solid #0b79d0;border-radius:999px;background:#fff;color:#0869b4;font-size:16px;font-weight:700;white-space:nowrap;transition:160ms ease}.sons-pictures-upload-home:hover[b-gxjyu5kjbw],.sons-pictures-upload-home:focus[b-gxjyu5kjbw]{border-color:#0867ae;outline:none;background:#0b79d0;color:#fff;box-shadow:0 7px 18px rgba(11,121,208,.19);transform:translateY(-1px)}
.sons-pictures-upload-page>.alert[b-gxjyu5kjbw]{width:min(1680px,100%);margin:0 auto 16px;padding:13px 16px;border-radius:12px;font-weight:600;line-height:1.65}
.sons-pictures-upload-filter-card[b-gxjyu5kjbw]{display:grid;width:min(1680px,100%);margin:0 auto 16px;padding:18px;grid-template-columns:minmax(210px,1fr) minmax(230px,1fr) minmax(300px,1.4fr) minmax(220px,1fr);align-items:end;gap:14px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-pictures-upload-field[b-gxjyu5kjbw]{min-width:0}.sons-pictures-upload-field label[b-gxjyu5kjbw]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:700}
.sons-pictures-upload-summary[b-gxjyu5kjbw],.sons-pictures-upload-count[b-gxjyu5kjbw]{display:flex;min-width:180px;min-height:58px;padding:8px 14px;align-items:center;justify-content:space-between;gap:14px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb;overflow:hidden}.sons-pictures-upload-summary span[b-gxjyu5kjbw],.sons-pictures-upload-count span[b-gxjyu5kjbw]{color:#667085;font-size:13px;font-weight:600}.sons-pictures-upload-summary strong[b-gxjyu5kjbw]{max-width:150px;overflow:hidden;color:#07547d;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.sons-pictures-upload-count strong[b-gxjyu5kjbw]{color:#07547d;font-size:24px}
.sons-pictures-upload-card[b-gxjyu5kjbw]{width:min(1680px,100%);min-height:360px;margin:0 auto;padding:clamp(16px,2vw,26px);border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-pictures-upload-card-header[b-gxjyu5kjbw]{display:flex;margin-bottom:18px;align-items:center;justify-content:space-between;gap:18px}.sons-pictures-upload-card-header h2[b-gxjyu5kjbw]{margin:0;color:#243447;font-size:22px;font-weight:700}.sons-pictures-upload-card-header p[b-gxjyu5kjbw]{margin:5px 0 0;color:#667085;font-size:14px;line-height:1.7}
.sons-pictures-upload-drop-zone[b-gxjyu5kjbw]{position:relative;display:flex;min-height:220px;padding:30px;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;border:2px dashed #9eb8cf;border-radius:16px;background:#f8fbfd;color:#34495e;text-align:center;cursor:pointer;transition:160ms ease}.sons-pictures-upload-drop-zone:hover[b-gxjyu5kjbw],.sons-pictures-upload-drop-zone:focus-within[b-gxjyu5kjbw]{border-color:#0b6fa4;background:#eef7fc;box-shadow:0 0 0 4px rgba(11,111,164,.08)}.sons-pictures-upload-drop-zone.is-disabled[b-gxjyu5kjbw]{cursor:not-allowed;opacity:.6}.sons-pictures-upload-icon[b-gxjyu5kjbw]{display:inline-flex;width:58px;height:58px;margin-bottom:4px;align-items:center;justify-content:center;border-radius:50%;background:#dceef8;color:#0b6fa4;font-size:34px;font-weight:700}.sons-pictures-upload-drop-zone strong[b-gxjyu5kjbw]{color:#17324d;font-size:18px}.sons-pictures-upload-drop-zone>span:last-of-type[b-gxjyu5kjbw]{color:#667085;font-size:14px}.sons-pictures-upload-input[b-gxjyu5kjbw]{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}
.sons-pictures-upload-file[b-gxjyu5kjbw]{display:flex;min-width:0;min-height:68px;margin-top:18px;padding:12px 14px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d8e0e8;border-radius:12px;background:#fbfcfd}.sons-pictures-upload-file-details[b-gxjyu5kjbw]{display:flex;min-width:0;flex-direction:column;gap:4px}.sons-pictures-upload-file-details strong[b-gxjyu5kjbw]{overflow:hidden;color:#243447;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.sons-pictures-upload-file-details span[b-gxjyu5kjbw]{color:#667085;font-size:12px}.sons-pictures-upload-file-status[b-gxjyu5kjbw]{min-width:110px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700;text-align:center}.sons-pictures-upload-file-status.is-ready[b-gxjyu5kjbw]{background:#edf3f8;color:#526273}.sons-pictures-upload-file-status.is-uploading[b-gxjyu5kjbw]{background:#e5f3fb;color:#07547d}.sons-pictures-upload-file-status.is-success[b-gxjyu5kjbw]{background:#e8f7f0;color:#147356}.sons-pictures-upload-file-status.is-error[b-gxjyu5kjbw]{background:#fdecec;color:#a63333}
.sons-pictures-upload-actions[b-gxjyu5kjbw]{display:flex;margin-top:18px;gap:10px}.sons-pictures-upload-actions .btn[b-gxjyu5kjbw]{min-width:170px;min-height:46px;border-radius:11px;font-weight:700}.sons-pictures-upload-progress[b-gxjyu5kjbw]{display:flex;margin-top:18px;align-items:center;gap:12px}.sons-pictures-upload-progress-track[b-gxjyu5kjbw]{height:10px;min-width:0;flex:1;overflow:hidden;border-radius:999px;background:#e5ebf1}.sons-pictures-upload-progress-track span[b-gxjyu5kjbw]{display:block;height:100%;border-radius:inherit;background:#0b79d0;transition:width 180ms ease}.sons-pictures-upload-progress strong[b-gxjyu5kjbw]{min-width:48px;color:#07547d;text-align:center}
.sons-pictures-upload-state[b-gxjyu5kjbw]{display:flex;min-height:260px;align-items:center;justify-content:center;gap:11px;color:#667085;font-weight:600}.sons-pictures-upload-spinner[b-gxjyu5kjbw]{width:23px;height:23px;border:3px solid #d9e6f1;border-top-color:#0b6fa4;border-radius:50%;animation:sons-pictures-spin-b-gxjyu5kjbw .8s linear infinite}@keyframes sons-pictures-spin-b-gxjyu5kjbw{to{transform:rotate(360deg)}}
@media(max-width:1200px){.sons-pictures-upload-filter-card[b-gxjyu5kjbw]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.sons-pictures-upload-page[b-gxjyu5kjbw]{padding:9px}.sons-pictures-upload-header[b-gxjyu5kjbw]{padding:17px;align-items:stretch;flex-direction:column}.sons-pictures-upload-header h1[b-gxjyu5kjbw]{font-size:27px}.sons-pictures-upload-home[b-gxjyu5kjbw]{width:100%;min-width:0;flex-basis:auto}.sons-pictures-upload-filter-card[b-gxjyu5kjbw]{padding:14px;grid-template-columns:1fr}.sons-pictures-upload-summary[b-gxjyu5kjbw],.sons-pictures-upload-count[b-gxjyu5kjbw]{width:100%;min-width:0}.sons-pictures-upload-card[b-gxjyu5kjbw]{padding:14px;border-radius:14px}.sons-pictures-upload-card-header[b-gxjyu5kjbw],.sons-pictures-upload-file[b-gxjyu5kjbw]{align-items:stretch;flex-direction:column}.sons-pictures-upload-drop-zone[b-gxjyu5kjbw]{min-height:190px;padding:22px 14px}.sons-pictures-upload-file-status[b-gxjyu5kjbw]{width:100%}.sons-pictures-upload-actions[b-gxjyu5kjbw]{flex-direction:column}.sons-pictures-upload-actions .btn[b-gxjyu5kjbw]{width:100%}}
@media(prefers-reduced-motion:reduce){.sons-pictures-upload-page *[b-gxjyu5kjbw],.sons-pictures-upload-page *[b-gxjyu5kjbw]::before,.sons-pictures-upload-page *[b-gxjyu5kjbw]::after{animation:none!important;transition:none!important}}
/* /Components/Pages/Sons/ServantBrowse/SonsByServant.razor.rz.scp.css */
/* ============================================================
   Sons By Servant
   نفس الهوية البصرية المعتمدة لصفحات استعراض المخدومين
   ============================================================ */

.sons-by-servant-page[b-759qj2bfgi] {
    width: 100%;
    min-height: 100vh;
    padding: clamp(12px, 2vw, 28px);
    direction: rtl;
    background:
        radial-gradient(circle at 94% 2%, rgba(11, 111, 164, 0.07), transparent 25%),
        #f4f6f9;
    color: #172b3f;
}

.sons-by-servant-page[b-759qj2bfgi],
.sons-by-servant-page *[b-759qj2bfgi] {
    box-sizing: border-box;
}

/* رأس الصفحة */
.sons-by-servant-header[b-759qj2bfgi] {
    display: flex;
    width: min(1680px, 100%);
    margin: 0 auto 18px;
    padding: clamp(18px, 2vw, 28px);
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(35, 59, 83, 0.08);
}

.sons-by-servant-header > div[b-759qj2bfgi] {
    min-width: 0;
    flex: 1;
}

.sons-by-servant-eyebrow[b-759qj2bfgi] {
    display: block;
    margin-bottom: 4px;
    color: #0b6fa4;
    font-size: 14px;
    font-weight: 700;
}

.sons-by-servant-header h1[b-759qj2bfgi] {
    margin: 0;
    color: #172b3f;
    font-size: clamp(27px, 2.1vw, 39px);
    font-weight: 700;
    line-height: 1.4;
}

.sons-by-servant-header p[b-759qj2bfgi] {
    margin: 6px 0 0;
    color: #667085;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}

.sons-by-servant-home[b-759qj2bfgi] {
    display: inline-flex;
    width: 208px;
    min-width: 208px;
    min-height: 54px;
    flex: 0 0 208px;
    align-items: center;
    justify-content: center;
    padding: 9px 22px;
    border: 1.5px solid #0b79d0;
    border-radius: 999px;
    background: #ffffff;
    color: #0869b4;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    transition: 160ms ease;
}

.sons-by-servant-home:hover[b-759qj2bfgi],
.sons-by-servant-home:focus[b-759qj2bfgi] {
    border-color: #0867ae;
    outline: none;
    background: #0b79d0;
    color: #ffffff;
    box-shadow: 0 7px 18px rgba(11, 121, 208, 0.19);
    transform: translateY(-1px);
}

/* الرسائل */
.sons-by-servant-page > .alert[b-759qj2bfgi] {
    width: min(1680px, 100%);
    margin: 0 auto 16px;
    padding: 13px 16px;
    border-radius: 12px;
    font-weight: 600;
    line-height: 1.65;
}

/* بطاقة الفلاتر */
.sons-by-servant-filter-card[b-759qj2bfgi] {
    display: grid;
    width: min(1680px, 100%);
    margin: 0 auto 16px;
    padding: 18px;
    grid-template-columns: minmax(240px, 1fr) minmax(300px, 1.35fr) 170px auto;
    align-items: end;
    gap: 16px;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-by-servant-filter-field[b-759qj2bfgi] {
    min-width: 0;
}

.sons-by-servant-filter-field label[b-759qj2bfgi] {
    display: block;
    margin: 0 2px 7px;
    color: #34495e;
    font-size: 14px;
    font-weight: 700;
}

.sons-by-servant-summary[b-759qj2bfgi] {
    display: flex;
    min-height: 46px;
    padding: 8px 14px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #c9d7e4;
    border-radius: 12px;
    background: #f2f7fb;
}

.sons-by-servant-summary span[b-759qj2bfgi] {
    color: #667085;
    font-size: 13px;
    font-weight: 600;
}

.sons-by-servant-summary strong[b-759qj2bfgi] {
    color: #07547d;
    font-size: 22px;
    font-weight: 700;
}

.sons-by-servant-export-actions[b-759qj2bfgi] {
    display: flex;
    align-items: center;
}

.sons-by-servant-export-actions .btn[b-759qj2bfgi] {
    min-width: 170px;
    min-height: 46px;
    border-radius: 11px;
    font-weight: 700;
}

/* بطاقة الجريد */
.sons-by-servant-grid-card[b-759qj2bfgi] {
    width: min(1680px, 100%);
    min-height: 250px;
    margin: 0 auto;
    padding: 16px;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(35, 59, 83, 0.07);
}

.sons-by-servant-grid-wrapper[b-759qj2bfgi] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d8e0e8;
    border-radius: 14px;
}

.sons-by-servant-state[b-759qj2bfgi] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #667085;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.sons-by-servant-spinner[b-759qj2bfgi] {
    width: 23px;
    height: 23px;
    border: 3px solid #d9e6f1;
    border-top-color: #0b6fa4;
    border-radius: 50%;
    animation: sons-by-servant-spin-b-759qj2bfgi 0.8s linear infinite;
}

@keyframes sons-by-servant-spin-b-759qj2bfgi {
    to {
        transform: rotate(360deg);
    }
}

.sons-by-servant-edit[b-759qj2bfgi] {
    min-width: 64px;
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid #0b6fa4;
    border-radius: 9px;
    background: #ffffff;
    color: #07547d;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 150ms ease;
}

.sons-by-servant-edit:hover[b-759qj2bfgi],
.sons-by-servant-edit:focus[b-759qj2bfgi] {
    outline: none;
    background: #0b6fa4;
    color: #ffffff;
    box-shadow: 0 5px 12px rgba(11, 111, 164, 0.18);
}

/* Syncfusion داخل الصفحة */
.sons-by-servant-page[b-759qj2bfgi]  .e-input-group,
.sons-by-servant-page[b-759qj2bfgi]  .e-input-group.e-control-wrapper,
.sons-by-servant-page[b-759qj2bfgi]  .e-ddl.e-input-group.e-control-wrapper {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #c8d5e2 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-input-group:hover,
.sons-by-servant-page[b-759qj2bfgi]  .e-input-group.e-control-wrapper:hover {
    border-color: #8aa5bf !important;
    background: #ffffff !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-input-group.e-input-focus,
.sons-by-servant-page[b-759qj2bfgi]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: #0b6fa4 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11, 111, 164, 0.13) !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-input-group input.e-input,
.sons-by-servant-page[b-759qj2bfgi]  .e-input-group.e-control-wrapper input.e-input {
    min-height: 44px !important;
    padding-inline: 12px 46px !important;
    color: #243447 !important;
    text-align: right !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-input-group .e-input-group-icon,
.sons-by-servant-page[b-759qj2bfgi]  .e-input-group.e-control-wrapper .e-input-group-icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 44px !important;
    color: #0b6fa4 !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-gridheader,
.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-headercell {
    border-color: #d7e0e8 !important;
    background: #e9eef5 !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-headercell {
    color: #243447 !important;
    font-weight: 700 !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-headercelldiv,
.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-headertext {
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.5 !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-rowcell {
    border-color: #e2e7ee !important;
    color: #34495e !important;
    line-height: 1.55 !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-altrow .e-rowcell {
    background: #f8fafc !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-row:hover .e-rowcell {
    background: #eef6fb !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-toolbar,
.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-pager {
    border-color: #d8e0e8 !important;
    background: #ffffff !important;
}

.sons-by-servant-page[b-759qj2bfgi]  .e-grid .e-search .e-input-group {
    min-height: 38px !important;
    border-radius: 10px !important;
}

/* نافذة التعديل */
[b-759qj2bfgi] .sons-by-servant-edit-dialog.e-dialog {
    max-width: 1600px !important;
    max-height: 96vh !important;
    border: 1px solid #d8e0e8 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 55px rgba(16, 24, 40, 0.22) !important;
}

[b-759qj2bfgi] .sons-by-servant-edit-dialog .e-dlg-header-content {
    min-height: 58px;
    padding: 14px 18px !important;
    border-bottom: 1px solid #d8e0e8 !important;
    background: #f8fafc !important;
}

[b-759qj2bfgi] .sons-by-servant-edit-dialog .e-dlg-header {
    color: #172b3f !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

[b-759qj2bfgi] .sons-by-servant-edit-dialog .e-dlg-content {
    height: calc(94vh - 60px) !important;
    padding: 0 !important;
    overflow: auto !important;
    background: #f4f6f9 !important;
}

.sons-by-servant-dialog-content[b-759qj2bfgi] {
    width: 100%;
    min-height: 100%;
}

/* Responsive */
@media (max-width: 1200px) {
    .sons-by-servant-filter-card[b-759qj2bfgi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sons-by-servant-summary[b-759qj2bfgi],
    .sons-by-servant-export-actions[b-759qj2bfgi] {
        min-width: 0;
    }

    .sons-by-servant-export-actions .btn[b-759qj2bfgi] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .sons-by-servant-page[b-759qj2bfgi] {
        padding: 9px;
    }

    .sons-by-servant-header[b-759qj2bfgi] {
        padding: 17px;
        align-items: stretch;
        flex-direction: column;
    }

    .sons-by-servant-header h1[b-759qj2bfgi] {
        font-size: 27px;
    }

    .sons-by-servant-home[b-759qj2bfgi] {
        width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .sons-by-servant-filter-card[b-759qj2bfgi] {
        padding: 14px;
        grid-template-columns: 1fr;
    }

    .sons-by-servant-summary[b-759qj2bfgi],
    .sons-by-servant-export-actions[b-759qj2bfgi],
    .sons-by-servant-export-actions .btn[b-759qj2bfgi] {
        width: 100%;
    }

    .sons-by-servant-grid-card[b-759qj2bfgi] {
        padding: 8px;
        border-radius: 14px;
    }

    [b-759qj2bfgi] .sons-by-servant-edit-dialog.e-dialog {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
    }

    [b-759qj2bfgi] .sons-by-servant-edit-dialog .e-dlg-content {
        height: calc(100vh - 58px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sons-by-servant-page *[b-759qj2bfgi],
    .sons-by-servant-page *[b-759qj2bfgi]::before,
    .sons-by-servant-page *[b-759qj2bfgi]::after {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Pages/Sons/SingleBrowse/SonsSingleBrowse.razor.rz.scp.css */
.sons-single-page[b-8hvvlr6j4l]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.07),transparent 25%),#f4f6f9;color:#172b3f}.sons-single-page[b-8hvvlr6j4l],.sons-single-page *[b-8hvvlr6j4l]{box-sizing:border-box}
.sons-single-header[b-8hvvlr6j4l]{display:flex;width:min(1680px,100%);margin:0 auto 18px;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e8;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(35,59,83,.08)}.sons-single-header>div[b-8hvvlr6j4l]{min-width:0;flex:1}.sons-single-eyebrow[b-8hvvlr6j4l]{display:block;margin-bottom:4px;color:#0b6fa4;font-size:14px;font-weight:700}.sons-single-header h1[b-8hvvlr6j4l]{margin:0;color:#172b3f;font-size:clamp(27px,2.1vw,39px);font-weight:700;line-height:1.4}.sons-single-header p[b-8hvvlr6j4l]{margin:6px 0 0;color:#667085;font-size:15px;line-height:1.75}
.sons-single-home[b-8hvvlr6j4l]{display:inline-flex;width:208px;min-width:208px;min-height:54px;flex:0 0 208px;align-items:center;justify-content:center;border:1.5px solid #0b79d0;border-radius:999px;background:#fff;color:#0869b4;font-weight:700}.sons-single-home:hover[b-8hvvlr6j4l]{background:#0b79d0;color:#fff}.sons-single-page>.alert[b-8hvvlr6j4l]{width:min(1680px,100%);margin:0 auto 16px;padding:13px 16px;border-radius:12px;font-weight:600}
.sons-single-search-card[b-8hvvlr6j4l]{display:grid;width:min(1680px,100%);margin:0 auto 16px;padding:18px;grid-template-columns:minmax(300px,1.5fr) minmax(165px,.55fr) minmax(165px,.55fr) minmax(220px,.8fr) auto;align-items:end;gap:14px;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-single-search-field[b-8hvvlr6j4l]{min-width:0}.sons-single-search-field label[b-8hvvlr6j4l]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:700}.sons-single-selected-summary[b-8hvvlr6j4l]{display:flex;min-height:46px;padding:8px 13px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d7e4;border-radius:12px;background:#f2f7fb;overflow:hidden}.sons-single-selected-summary span[b-8hvvlr6j4l]{color:#667085;font-size:13px}.sons-single-selected-summary strong[b-8hvvlr6j4l]{overflow:hidden;color:#07547d;text-overflow:ellipsis;white-space:nowrap}.sons-single-clear[b-8hvvlr6j4l]{min-height:46px;border-radius:11px;font-weight:700}
.sons-single-state-card[b-8hvvlr6j4l],.sons-single-profile-card[b-8hvvlr6j4l],.sons-single-attendance-card[b-8hvvlr6j4l],.sons-single-missing-card[b-8hvvlr6j4l]{width:min(1680px,100%);margin:0 auto 16px;padding:clamp(16px,2vw,24px);border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.sons-single-state-card[b-8hvvlr6j4l]{display:flex;min-height:240px;align-items:center;justify-content:center;gap:11px;color:#667085;font-weight:600}.sons-single-spinner[b-8hvvlr6j4l]{width:23px;height:23px;border:3px solid #d9e6f1;border-top-color:#0b6fa4;border-radius:50%;animation:single-spin-b-8hvvlr6j4l .8s linear infinite}@keyframes single-spin-b-8hvvlr6j4l{to{transform:rotate(360deg)}}
.sons-single-profile-card[b-8hvvlr6j4l]{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.sons-single-photo-panel[b-8hvvlr6j4l]{display:flex;padding:16px;align-items:center;flex-direction:column;gap:14px;border:1px solid #d8e0e8;border-radius:16px;background:#f8fafc;text-align:center}.sons-single-photo-panel img[b-8hvvlr6j4l]{width:100%;max-width:210px;aspect-ratio:3/4;object-fit:cover;border:1px solid #d8e0e8;border-radius:15px;background:#eef2f6;box-shadow:0 8px 20px rgba(35,59,83,.12)}.sons-single-photo-panel div[b-8hvvlr6j4l]{display:flex;flex-direction:column;gap:4px}.sons-single-photo-panel strong[b-8hvvlr6j4l]{color:#172b3f;font-size:18px}.sons-single-photo-panel span[b-8hvvlr6j4l]{color:#667085;font-size:13px}
.sons-single-details-grid[b-8hvvlr6j4l]{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sons-single-detail[b-8hvvlr6j4l]{display:flex;min-width:0;min-height:72px;padding:11px 13px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #d8e0e8;border-radius:12px;background:#fbfcfd}.sons-single-detail span[b-8hvvlr6j4l]{color:#667085;font-size:12px;font-weight:600}.sons-single-detail strong[b-8hvvlr6j4l]{overflow-wrap:anywhere;color:#243447;font-size:15px;line-height:1.6}.sons-single-wide[b-8hvvlr6j4l]{grid-column:span 2}.sons-single-full[b-8hvvlr6j4l]{grid-column:1/-1}
.sons-single-section-title[b-8hvvlr6j4l]{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:16px}.sons-single-section-title h2[b-8hvvlr6j4l]{margin:0;color:#243447;font-size:22px}.sons-single-section-title p[b-8hvvlr6j4l]{margin:4px 0 0;color:#667085;font-size:13px}.sons-single-section-title>span[b-8hvvlr6j4l]{padding:8px 13px;border-radius:999px;background:#eef5fa;color:#07547d;font-weight:700}.sons-single-grid-wrapper[b-8hvvlr6j4l]{width:100%;min-width:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.sons-single-grid-state[b-8hvvlr6j4l]{display:flex;min-height:180px;align-items:center;justify-content:center;gap:10px;color:#667085;font-weight:600}
@media(max-width:1100px){.sons-single-profile-card[b-8hvvlr6j4l]{grid-template-columns:220px minmax(0,1fr)}.sons-single-details-grid[b-8hvvlr6j4l]{grid-template-columns:repeat(2,minmax(0,1fr))}.sons-single-search-card[b-8hvvlr6j4l]{grid-template-columns:repeat(2,minmax(0,1fr))}.sons-single-clear[b-8hvvlr6j4l]{width:100%}}
@media(max-width:767.98px){.sons-single-page[b-8hvvlr6j4l]{padding:9px}.sons-single-header[b-8hvvlr6j4l]{padding:17px;align-items:stretch;flex-direction:column}.sons-single-header h1[b-8hvvlr6j4l]{font-size:27px}.sons-single-home[b-8hvvlr6j4l]{width:100%;min-width:0;flex-basis:auto}.sons-single-search-card[b-8hvvlr6j4l]{padding:14px;grid-template-columns:1fr}.sons-single-profile-card[b-8hvvlr6j4l]{grid-template-columns:1fr}.sons-single-photo-panel img[b-8hvvlr6j4l]{max-width:180px}.sons-single-details-grid[b-8hvvlr6j4l]{grid-template-columns:1fr}.sons-single-wide[b-8hvvlr6j4l],.sons-single-full[b-8hvvlr6j4l]{grid-column:auto}.sons-single-section-title[b-8hvvlr6j4l]{align-items:stretch;flex-direction:column}.sons-single-section-title>span[b-8hvvlr6j4l]{text-align:center}.sons-single-attendance-card[b-8hvvlr6j4l]{padding:8px}}
@media(prefers-reduced-motion:reduce){.sons-single-page *[b-8hvvlr6j4l]{animation:none!important;transition:none!important}}

.sons-single-attendance-actions[b-8hvvlr6j4l]{display:flex;align-items:center;gap:10px}.sons-single-attendance-actions>span[b-8hvvlr6j4l]{padding:8px 13px;border-radius:999px;background:#eef5fa;color:#07547d;font-weight:700}.sons-single-attendance-actions .btn[b-8hvvlr6j4l]{min-width:165px;min-height:42px;border-radius:11px;font-weight:700}@media(max-width:767.98px){.sons-single-attendance-actions[b-8hvvlr6j4l]{width:100%;align-items:stretch;flex-direction:column}.sons-single-attendance-actions .btn[b-8hvvlr6j4l]{width:100%}}

.sons-single-date-field[b-8hvvlr6j4l]{min-width:0}.sons-single-date-field label[b-8hvvlr6j4l]{display:block;margin:0 2px 7px;color:#34495e;font-size:14px;font-weight:700}

.sons-single-absence[b-8hvvlr6j4l],.sons-single-presence[b-8hvvlr6j4l]{display:block;width:100%;font-weight:800}.sons-single-absence[b-8hvvlr6j4l]{color:#c62828}.sons-single-presence[b-8hvvlr6j4l]{color:#147356}

.sons-single-attendance-summary[b-8hvvlr6j4l]{display:grid;margin-bottom:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sons-single-summary-item[b-8hvvlr6j4l]{display:flex;min-height:72px;padding:12px 16px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #c9d7e4;border-radius:13px;background:#f7fafc}.sons-single-summary-item span[b-8hvvlr6j4l]{color:#667085;font-size:14px;font-weight:700}.sons-single-summary-item strong[b-8hvvlr6j4l]{color:#07547d;font-size:26px}.sons-single-summary-present[b-8hvvlr6j4l]{border-color:#b9ddcf;background:#f3fbf7}.sons-single-summary-present strong[b-8hvvlr6j4l]{color:#147356}.sons-single-summary-absent[b-8hvvlr6j4l]{border-color:#efc3c3;background:#fff7f7}.sons-single-summary-absent strong[b-8hvvlr6j4l]{color:#c62828}@media(max-width:767.98px){.sons-single-attendance-summary[b-8hvvlr6j4l]{grid-template-columns:1fr}.sons-single-summary-item[b-8hvvlr6j4l]{min-height:62px}}

.sons-single-reports-grid[b-8hvvlr6j4l]{display:grid;width:min(1680px,100%);margin:0 auto 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.sons-single-reports-grid .sons-single-attendance-card[b-8hvvlr6j4l],.sons-single-reports-grid .sons-single-missing-card[b-8hvvlr6j4l]{width:100%;margin:0;min-width:0}.sons-single-missing-summary[b-8hvvlr6j4l]{display:grid;margin-bottom:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:1200px){.sons-single-reports-grid[b-8hvvlr6j4l]{grid-template-columns:1fr}}@media(max-width:767.98px){.sons-single-missing-card[b-8hvvlr6j4l]{padding:8px}.sons-single-missing-summary[b-8hvvlr6j4l]{grid-template-columns:1fr}}
/* /Components/Pages/SystemAdmin/DatabaseSetup/DatabaseSetup.razor.rz.scp.css */
.db-setup-page[b-we96fhhaa3]{min-height:100vh;padding:22px;background:#eef3f8;color:#213547}.db-setup-header[b-we96fhhaa3],.db-card[b-we96fhhaa3],.db-state[b-we96fhhaa3]{width:min(1500px,100%);margin:0 auto 16px;border:1px solid #d9e3ec;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.db-setup-header[b-we96fhhaa3]{display:flex;padding:24px;align-items:center;justify-content:space-between;gap:20px}.db-setup-header span[b-we96fhhaa3]{color:#0b6fa4;font-weight:800}.db-setup-header h1[b-we96fhhaa3]{margin:3px 0;font-size:34px}.db-setup-header p[b-we96fhhaa3]{margin:0;color:#687b8e}.db-setup-page>.alert[b-we96fhhaa3]{width:min(1500px,100%);margin:0 auto 16px}.db-card[b-we96fhhaa3]{padding:20px}.section-head[b-we96fhhaa3]{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between}.section-head>div[b-we96fhhaa3]{display:flex;align-items:center;gap:10px}.section-head b[b-we96fhhaa3]{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#1f4e78;color:#fff}.section-head h2[b-we96fhhaa3],.db-card h2[b-we96fhhaa3]{margin:0 0 12px;font-size:22px}.input-grid[b-we96fhhaa3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label[b-we96fhhaa3]{display:block;margin-bottom:7px;font-weight:700}.button-row[b-we96fhhaa3]{display:flex;margin-top:16px;gap:10px;flex-wrap:wrap}.status-grid[b-we96fhhaa3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.status-grid article[b-we96fhhaa3]{padding:14px;border-radius:12px;background:#f3f6f9}.status-grid .ok[b-we96fhhaa3]{border-right:5px solid #198754}.status-grid .warn[b-we96fhhaa3]{border-right:5px solid #e09f20}.status-grid span[b-we96fhhaa3],.credentials span[b-we96fhhaa3]{display:block;color:#687b8e}.comparison[b-we96fhhaa3]{margin-top:16px;padding:16px;border:1px solid #d8e2ec;border-radius:14px}.comparison-grid[b-we96fhhaa3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.comparison-grid span[b-we96fhhaa3]{padding:12px;border-radius:10px;background:#f3f6f9}.comparison-grid b[b-we96fhhaa3]{display:block;font-size:22px;color:#1f4e78}.note[b-we96fhhaa3]{margin-bottom:14px;padding:12px;border-radius:10px;background:#fff4df;color:#6e4f00}.table-tools[b-we96fhhaa3]{display:flex;margin-bottom:10px;align-items:center;gap:8px}.table-tools span[b-we96fhhaa3]{margin-right:auto;font-weight:700}.table thead th[b-we96fhhaa3]{background:#1f4e78;color:#fff;text-align:center}.table td[b-we96fhhaa3]{text-align:center;vertical-align:middle}.disabled-row[b-we96fhhaa3]{opacity:.58;background:#f5f5f5}.danger-card[b-we96fhhaa3]{border-color:#e7a5a5;background:#fff8f8}.credentials[b-we96fhhaa3]{border:2px solid #198754;background:#f2fff7}.credentials>div[b-we96fhhaa3]{display:inline-block;min-width:280px;margin:5px;padding:14px;border-radius:10px;background:#fff}.credentials strong[b-we96fhhaa3]{font-size:22px}.db-state[b-we96fhhaa3]{display:flex;min-height:300px;padding:30px;align-items:center;justify-content:center;flex-direction:column}.denied h2[b-we96fhhaa3]{color:#a4262c}@media(max-width:900px){.comparison-grid[b-we96fhhaa3]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.db-setup-page[b-we96fhhaa3]{padding:10px}.db-setup-header[b-we96fhhaa3]{align-items:stretch;flex-direction:column}.input-grid[b-we96fhhaa3],.status-grid[b-we96fhhaa3],.comparison-grid[b-we96fhhaa3]{grid-template-columns:1fr}.button-row[b-we96fhhaa3]{flex-direction:column}.button-row .btn[b-we96fhhaa3]{width:100%}}
/* /Components/Pages/SystemAdmin/SonsAudit/SonsAuditReport.razor.rz.scp.css */
.sons-audit-page[b-0lu8n55hl5]{width:100%;min-height:100vh;padding:clamp(12px,2vw,28px);direction:rtl;background:radial-gradient(circle at 94% 2%,rgba(11,111,164,.08),transparent 25%),#f4f6f9;color:#172b3f}.sons-audit-page[b-0lu8n55hl5],.sons-audit-page *[b-0lu8n55hl5]{box-sizing:border-box}.audit-header[b-0lu8n55hl5],.filters-card[b-0lu8n55hl5],.grid-card[b-0lu8n55hl5],.summary-grid[b-0lu8n55hl5]{width:min(1800px,100%);margin:0 auto 16px}.audit-header[b-0lu8n55hl5],.filters-card[b-0lu8n55hl5],.grid-card[b-0lu8n55hl5]{border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(35,59,83,.07)}.audit-header[b-0lu8n55hl5]{display:flex;padding:clamp(18px,2vw,28px);align-items:center;justify-content:space-between;gap:24px}.eyebrow[b-0lu8n55hl5]{color:#0b6fa4;font-weight:700}.audit-header h1[b-0lu8n55hl5]{margin:4px 0;font-size:clamp(27px,2.1vw,39px)}.audit-header p[b-0lu8n55hl5],.section-title p[b-0lu8n55hl5],.audit-modal-header p[b-0lu8n55hl5]{margin:4px 0;color:#667085}.home-button[b-0lu8n55hl5]{width:210px;min-height:52px;border-radius:999px;font-weight:700}.audit-alert[b-0lu8n55hl5]{width:min(1800px,100%);margin:0 auto 16px}.filters-card[b-0lu8n55hl5]{display:grid;padding:18px;grid-template-columns:minmax(220px,1.1fr) minmax(150px,.65fr) minmax(175px,.75fr) minmax(165px,.7fr) minmax(165px,.7fr) auto;align-items:end;gap:14px}.field[b-0lu8n55hl5]{min-width:0}.field label[b-0lu8n55hl5]{display:block;margin:0 2px 7px;color:#34495e;font-weight:700}.filter-actions[b-0lu8n55hl5]{display:flex;gap:10px}.filter-actions .btn[b-0lu8n55hl5]{min-height:46px;white-space:nowrap}.summary-grid[b-0lu8n55hl5]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.summary-grid article[b-0lu8n55hl5]{display:flex;min-height:92px;padding:16px;align-items:center;justify-content:space-between;border:1px solid #d8e0e8;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(35,59,83,.06)}.summary-grid span[b-0lu8n55hl5]{color:#667085;font-weight:700}.summary-grid strong[b-0lu8n55hl5]{color:#07547d;font-size:28px}.grid-card[b-0lu8n55hl5]{padding:clamp(16px,2vw,24px)}.section-title[b-0lu8n55hl5]{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between}.section-title h2[b-0lu8n55hl5]{margin:0;font-size:23px}.grid-wrapper[b-0lu8n55hl5]{overflow:hidden;border:1px solid #d8e0e8;border-radius:14px}.state[b-0lu8n55hl5]{display:flex;min-height:280px;align-items:center;justify-content:center;gap:8px;color:#667085;font-weight:700}.audit-modal-backdrop[b-0lu8n55hl5]{position:fixed;z-index:2000;inset:0;display:flex;padding:20px;align-items:center;justify-content:center;background:rgba(15,23,42,.58)}.audit-modal[b-0lu8n55hl5]{width:min(1200px,96vw);max-height:90vh;overflow:auto;padding:20px;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.28)}.audit-modal-header[b-0lu8n55hl5]{display:flex;margin-bottom:16px;align-items:flex-start;justify-content:space-between;gap:16px}.audit-modal-header h3[b-0lu8n55hl5]{margin:0}.operation-info[b-0lu8n55hl5]{display:grid;margin-bottom:16px;padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #d8e0e8;border-radius:12px;background:#f7f9fb}.value-cell[b-0lu8n55hl5]{max-width:380px;white-space:pre-wrap;word-break:break-word}@media(max-width:1400px){.filters-card[b-0lu8n55hl5]{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-actions[b-0lu8n55hl5]{width:100%}.filter-actions .btn[b-0lu8n55hl5]{flex:1}.summary-grid[b-0lu8n55hl5]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.filters-card[b-0lu8n55hl5]{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid[b-0lu8n55hl5]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.sons-audit-page[b-0lu8n55hl5]{padding:9px}.audit-header[b-0lu8n55hl5]{align-items:stretch;flex-direction:column}.home-button[b-0lu8n55hl5]{width:100%}.filters-card[b-0lu8n55hl5],.summary-grid[b-0lu8n55hl5],.operation-info[b-0lu8n55hl5]{grid-template-columns:1fr}.filter-actions[b-0lu8n55hl5]{flex-direction:column}.grid-card[b-0lu8n55hl5]{padding:8px}.audit-modal-backdrop[b-0lu8n55hl5]{padding:8px}.audit-modal[b-0lu8n55hl5]{width:100%;padding:12px}}