
.qasa-org-wrap{
    --purple:#473949;
    --beige:#E3D5B3;
    max-width:1450px;
    margin:0 auto;
    padding:28px 28px 72px;
    color:#172033;
    background:transparent;
}
.qasa-org-tabs{
    position:relative;
    width:max-content;
    max-width:100%;
    margin:0 0 38px auto;
    display:flex;
    border-bottom:1px solid rgba(71,57,73,.22);
}
.qasa-org-tab{
    position:relative;
    z-index:2;
    appearance:none;
    border:0;
    background:transparent;
    color:var(--purple);
    padding:17px 30px;
    font:inherit;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    transition:color .28s ease;
}
.qasa-org-tab.is-active{color:var(--beige)}
.qasa-org-indicator{
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    left:0;
    right:auto;
    width:0;
    background:var(--purple);
    transition:left .42s cubic-bezier(.22,.8,.3,1), width .42s cubic-bezier(.22,.8,.3,1);
}
.qasa-org-panels{position:relative}
.qasa-org-panel{
    display:none;
    opacity:0;
    transform:translateY(16px);
}
.qasa-org-panel.is-active{
    display:block;
    animation:qasaPanelIn .55s cubic-bezier(.22,.8,.3,1) forwards;
}
@keyframes qasaPanelIn{
    from{opacity:0;transform:translateY(16px)}
    to{opacity:1;transform:translateY(0)}
}
.qasa-org-intro{
    text-align:center;
    max-width:850px;
    margin:0 auto 38px;
    font-size:21px;
    line-height:1.9;
}
.qasa-org-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:38px 34px;
    align-items:start;
}
.qasa-person-card{
    text-align:center;
    opacity:0;
    transform:translateY(20px);
    animation:qasaPersonIn .48s ease forwards;
    animation-delay:var(--delay);
}
@keyframes qasaPersonIn{
    to{opacity:1;transform:translateY(0)}
}
.qasa-person-photo{
    width:220px;
    height:260px;
    margin:0 auto 18px;
    overflow:hidden;
    position:relative;
    border-bottom:2px solid rgba(71,57,73,.22);
}
.qasa-person-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center bottom;
}
.qasa-person-placeholder{
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(180deg,rgba(227,213,179,.26),rgba(71,57,73,.08));
}
.qasa-person-card h3{
    margin:0 0 8px;
    color:#111827;
    font-size:25px;
    line-height:1.4;
}
.qasa-person-card p{
    margin:0;
    color:var(--purple);
    font-size:17px;
}
.qasa-org-empty{text-align:center;padding:60px 20px}
@media(max-width:1100px){
    .qasa-org-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
    .qasa-org-wrap{padding:20px 16px 55px}
    .qasa-org-tabs{width:100%;margin-bottom:28px}
    .qasa-org-tab{flex:1;padding:14px 10px;font-size:17px}
    .qasa-org-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
    .qasa-person-photo{width:150px;height:185px}
    .qasa-person-card h3{font-size:20px}
    .qasa-person-card p{font-size:15px}
    .qasa-org-intro{font-size:17px}
}
@media(max-width:420px){
    .qasa-org-grid{grid-template-columns:1fr}
    .qasa-person-photo{width:190px;height:225px}
}
@media(prefers-reduced-motion:reduce){
    .qasa-org-indicator,.qasa-org-tab{transition:none}
    .qasa-org-panel.is-active,.qasa-person-card{animation:none;opacity:1;transform:none}
}


/* الإصدار 1.0.2: منع القالب من تحويل التبويب النشط إلى الأسود */
.qasa-org-wrap .qasa-org-tab,
.qasa-org-wrap .qasa-org-tab:hover,
.qasa-org-wrap .qasa-org-tab:focus,
.qasa-org-wrap .qasa-org-tab:focus-visible,
.qasa-org-wrap .qasa-org-tab:active{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:none;
}

.qasa-org-wrap .qasa-org-tab.is-active,
.qasa-org-wrap .qasa-org-tab.is-active:hover,
.qasa-org-wrap .qasa-org-tab.is-active:focus,
.qasa-org-wrap .qasa-org-tab.is-active:active{
    color:var(--beige) !important;
    background:transparent !important;
    background-color:transparent !important;
}

.qasa-org-wrap .qasa-org-indicator{
    background:#473949 !important;
}


/* الإصدار 1.0.3: الأسود يظهر كتأثير مرور فقط قبل الانتقال */
.qasa-org-wrap .qasa-org-tab:not(.is-active):hover,
.qasa-org-wrap .qasa-org-tab:not(.is-active):focus-visible{
    background:#172033 !important;
    background-color:#172033 !important;
    color:#ffffff !important;
}

.qasa-org-wrap .qasa-org-tab:not(.is-active){
    transition:
        background-color .22s ease,
        color .22s ease;
}


/* الإصدار 1.0.4: رئيس المجلس ونائبه في صف مستقل */
.qasa-org-leaders{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,320px));
    justify-content:center;
    gap:56px;
    margin:8px auto 38px;
}

.qasa-org-leaders.has-one{
    grid-template-columns:minmax(0,320px);
}

.qasa-person-card.is-leader .qasa-person-photo{
    width:250px;
    height:300px;
}

.qasa-person-card.is-leader h3{
    font-size:28px;
}

.qasa-person-card.is-leader p{
    font-size:18px;
}

.qasa-org-members-grid{
    margin-top:0;
}

@media(max-width:760px){
    .qasa-org-leaders{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
        margin-bottom:28px;
    }

    .qasa-person-card.is-leader .qasa-person-photo{
        width:165px;
        height:205px;
    }

    .qasa-person-card.is-leader h3{
        font-size:21px;
    }

    .qasa-person-card.is-leader p{
        font-size:15px;
    }
}

@media(max-width:420px){
    .qasa-org-leaders{
        grid-template-columns:1fr;
    }

    .qasa-person-card.is-leader .qasa-person-photo{
        width:205px;
        height:245px;
    }
}


/* الإصدار 1.0.5: صف مستقل للرئيس ونائبه دون فاصل زخرفي */
.qasa-org-leaders{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(240px,320px)) !important;
    justify-content:center !important;
    align-items:start;
    gap:64px !important;
    width:100%;
    margin:10px auto 58px !important;
}

.qasa-org-leaders.has-one{
    grid-template-columns:minmax(240px,320px) !important;
}

.qasa-org-members-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100%;
    margin:0 !important;
    clear:both;
}

@media(max-width:1100px){
    .qasa-org-members-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

@media(max-width:760px){
    .qasa-org-leaders{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:18px !important;
        margin-bottom:42px !important;
    }

    .qasa-org-members-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:420px){
    .qasa-org-leaders,
    .qasa-org-members-grid{
        grid-template-columns:1fr !important;
    }
}


/* الإصدار 1.0.6: توسيط أعضاء مجلس الإدارة في الصف الثاني */
.qasa-org-wrap .qasa-org-members-grid{
    grid-template-columns:repeat(3,minmax(220px,280px)) !important;
    justify-content:center !important;
    column-gap:52px !important;
    row-gap:42px !important;
    width:100%;
    max-width:1050px;
    margin-right:auto !important;
    margin-left:auto !important;
}

@media(max-width:1100px){
    .qasa-org-wrap .qasa-org-members-grid{
        grid-template-columns:repeat(3,minmax(190px,250px)) !important;
        column-gap:28px !important;
    }
}

@media(max-width:760px){
    .qasa-org-wrap .qasa-org-members-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        max-width:560px;
        column-gap:18px !important;
    }
}

@media(max-width:420px){
    .qasa-org-wrap .qasa-org-members-grid{
        grid-template-columns:1fr !important;
        max-width:280px;
    }
}
