/* WCPEC Tasees 2.8.1 - RTL Label / Left Counter Alignment */
#wcpec-main-activity-classifier-v280,
#wcpec-main-activity-classifier-v280 *{
    box-sizing:border-box!important;
    animation:none!important;
    transition:none!important;
}
#wcpec-main-activity-classifier-v280{
    width:100%!important;
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:minmax(420px,48%) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    contain:layout style!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-classifier-column{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:16px!important;
    border:1px solid #d7e6f2!important;
    border-radius:20px!important;
    background:#ffffff!important;
    background-image:none!important;
    box-shadow:0 10px 28px rgba(11,47,85,.06)!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-classifier-search{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    background:none!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-classifier-search input{
    display:block!important;
    width:100%!important;
    height:54px!important;
    margin:0!important;
    padding:0 18px!important;
    border:1px solid #d2e4f2!important;
    border-radius:16px!important;
    background:#fff!important;
    background-image:none!important;
    color:#102a43!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:54px!important;
    text-align:right!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-classifier-search input:focus{
    border-color:#0e9f7f!important;
    box-shadow:0 0 0 4px rgba(14,159,127,.10)!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list],
#wcpec-main-activity-classifier-v280 [data-wcpec-sub-list]{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]::before,
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]::after,
#wcpec-main-activity-classifier-v280 [data-wcpec-sub-list]::before,
#wcpec-main-activity-classifier-v280 [data-wcpec-sub-list]::after{
    display:none!important;
    content:none!important;
    background:none!important;
    border:0!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-node{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #e2edf7!important;
    border-radius:18px!important;
    background:#ffffff!important;
    background-image:none!important;
    box-shadow:0 4px 14px rgba(11,47,85,.035)!important;
    opacity:1!important;
    visibility:visible!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-node.is-active{
    border-color:#18b58f!important;
    background:#f8fffc!important;
    box-shadow:0 10px 26px rgba(14,159,127,.08)!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-row,
#wcpec-main-activity-classifier-v280 .wcpec-maf-group-row{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    min-height:58px!important;
    height:auto!important;
    margin:0!important;
    padding:13px 16px!important;
    border:0!important;
    border-radius:0!important;
    background:#ffffff!important;
    background-image:none!important;
    color:#082947!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.8!important;
    text-align:right!important;
    direction:rtl!important;
    cursor:pointer!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:normal!important;
    overflow:visible!important;
    text-indent:0!important;
    transform:none!important;
    user-select:none!important;
    touch-action:manipulation!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-row:hover,
#wcpec-main-activity-classifier-v280 .wcpec-maf-group-row:hover{
    background:#f7fbff!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-row.is-active{
    background:#eafff8!important;
    color:#062b22!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-dot{
    display:block!important;
    order:2!important;
    flex:0 0 auto!important;
    width:10px!important;
    height:10px!important;
    border-radius:999px!important;
    background:#d3e3ef!important;
    border:0!important;
    margin:0!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-row.is-active .wcpec-maf-dot{
    background:#0e9f7f!important;
    box-shadow:0 0 0 6px rgba(14,159,127,.10)!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-label{
    display:block!important;
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    color:inherit!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.8!important;
    text-align:right!important;
    direction:rtl!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-indent:0!important;
    opacity:1!important;
    visibility:visible!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-counter{
    display:inline-flex!important;
    order:3!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:48px!important;
    height:30px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    border:1px solid #d7e5f1!important;
    background:#f3f8fc!important;
    color:#0b2f55!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-groups{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    padding:12px!important;
    margin:0!important;
    background:#f9fcff!important;
    background-image:none!important;
    border-top:1px solid #e8f1f8!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-group-row{
    min-height:52px!important;
    padding:12px 14px!important;
    border:1px solid #e3edf6!important;
    border-radius:15px!important;
    background:#fff!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-group-row.is-active{
    border-color:#18b58f!important;
    background:#eafff8!important;
    color:#062b22!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-classifier-path{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:14px 16px!important;
    border:1px solid #d9e9f5!important;
    border-radius:16px!important;
    background:#f7fbff!important;
    background-image:none!important;
    color:#0b2f55!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.8!important;
    text-align:right!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-empty{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:120px!important;
    padding:18px!important;
    border:1px dashed #cfe1ef!important;
    border-radius:18px!important;
    background:#fbfdff!important;
    background-image:none!important;
    color:#64748b!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.9!important;
    text-align:center!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-panel{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
    background-image:none!important;
    border:1px solid #e0ebf4!important;
    border-radius:18px!important;
    overflow:hidden!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 16px!important;
    background:#f6f9fc!important;
    border-bottom:1px solid #e7f0f8!important;
    color:#0b2f55!important;
    font-family:Tajawal,Arial,sans-serif!important;
    font-weight:900!important;
    line-height:1.7!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-head span{
    display:inline-flex!important;
    height:30px!important;
    align-items:center!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#eaf5ff!important;
    color:#0b2f55!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:14px!important;
    background:#fff!important;
    background-image:none!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-item{
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
    width:100%!important;
    min-height:92px!important;
    padding:14px!important;
    margin:0!important;
    border:1px solid #e4edf6!important;
    border-radius:16px!important;
    background:#fbfdff!important;
    background-image:none!important;
    color:#0b2f55!important;
    cursor:pointer!important;
    overflow:hidden!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-item:hover{
    border-color:#0e9f7f!important;
    background:#f7fffc!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-item input{
    width:20px!important;
    height:20px!important;
    margin:3px 0 0!important;
    accent-color:#0e9f7f!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy,
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy b,
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy em,
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy small{
    display:block!important;
    width:100%!important;
    height:auto!important;
    color:inherit!important;
    font-family:Tajawal,Arial,sans-serif!important;
    text-align:right!important;
    line-height:1.8!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    opacity:1!important;
    visibility:visible!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy b{
    font-size:14px!important;
    font-weight:900!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy em{
    margin-top:2px!important;
    color:#0b6b99!important;
    font-size:12px!important;
    font-weight:900!important;
    font-style:normal!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-copy small{
    margin-top:4px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
}
@media(max-width:1100px){
    #wcpec-main-activity-classifier-v280{grid-template-columns:1fr!important;}
    #wcpec-main-activity-classifier-v280 .wcpec-maf-purpose-grid{grid-template-columns:1fr!important;}
}


/* WCPEC Tasees 2.8.7 - Safe 10 Visible Rows Scroll + Toggle Stability */
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    max-height:690px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 0 6px 0!important;
    scrollbar-width:thin!important;
    scrollbar-color:#9fb3c8 #eef6fb!important;
    background:transparent!important;
    background-image:none!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]::-webkit-scrollbar{
    width:8px!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]::-webkit-scrollbar-track{
    background:#eef6fb!important;
    border-radius:999px!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]::-webkit-scrollbar-thumb{
    background:#9fb3c8!important;
    border-radius:999px!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-node{
    flex:0 0 auto!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-row{
    min-height:58px!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-node:not(.is-active) .wcpec-maf-groups{
    display:none!important;
}
#wcpec-main-activity-classifier-v280 .wcpec-maf-main-node.is-active .wcpec-maf-groups{
    display:grid!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]:empty{
    min-height:0!important;
    background:none!important;
    background-image:none!important;
}
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]:empty::before,
#wcpec-main-activity-classifier-v280 [data-wcpec-main-list]:empty::after{
    display:none!important;
    content:none!important;
    background:none!important;
}
