/* _content/PayliteNG/Pages/AccountIntegration/ChartofAccount.razor.rz.scp.css */

.payroll-grid[b-mgr7x3qqye] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
}

.grid-card[b-mgr7x3qqye] {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e8edf7;
}

@media(max-width:1200px) {
    .payroll-grid[b-mgr7x3qqye] {
        grid-template-columns: 1fr;
    }
}

.summary-card[b-mgr7x3qqye] {
    background: #fff;
    border: 1px solid #dcdfe8;
    border-radius: 12px;
    overflow: hidden;
}

.summary-header[b-mgr7x3qqye] {
    padding: 18px 30px;
    border-bottom: 1px solid #e4e7ef;
}

    .summary-header h2[b-mgr7x3qqye] {
        font-size: 16px;
        font-weight: 700;
        color: #1e1e1e;
    }

.section[b-mgr7x3qqye] {
    padding: 18px 30px 28px;
}

.head-row[b-mgr7x3qqye],
.value-row[b-mgr7x3qqye] {
    display: grid;
    gap: 40px;
    align-items: center;
}

.two-col[b-mgr7x3qqye] {
    grid-template-columns: 1fr 2fr;
}

.three-col[b-mgr7x3qqye] {
    grid-template-columns: 1fr 1fr 1fr;
}

.head-row[b-mgr7x3qqye] {
    font-size: 14px;
    font-weight: 700;
    color: #28324f;
    padding-bottom: 14px;
    border-bottom: 2px solid #eceef5;
}

.value-row[b-mgr7x3qqye] {
    font-size: 14px;
    color: #263252;
    padding: 20px 0 0;
}

.required[b-mgr7x3qqye] {
    color: #ff3838;
}

.title-bar[b-mgr7x3qqye] {
    margin: 0 30px;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
}

.blue[b-mgr7x3qqye] {
    background: #dce9ff;
    color: #1d56a9;
}

.green[b-mgr7x3qqye] {
    background: #dcffd9;
    color: #3c7e17;
}

.purple[b-mgr7x3qqye] {
    background: #d7dff3;
    color: #3e38aa;
}

.orange[b-mgr7x3qqye] {
    background: #fff2db;
    color: #986400;
}

.green-text[b-mgr7x3qqye] {
    color: #3c7e17;
}

.purple-text[b-mgr7x3qqye] {
    color: #3e38aa;
}

.orange-text[b-mgr7x3qqye] {
    color: #986400;
}

.badge[b-mgr7x3qqye] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d9e6ff;
    color: #2562e5;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 700;
    min-width: 100px;
}
@media(max-width:992px) {

    .summary-header h2[b-mgr7x3qqye] {
        font-size: 16px;
    }

    .section[b-mgr7x3qqye] {
        padding: 18px;
    }

    .title-bar[b-mgr7x3qqye] {
        margin: 0 18px;
    }
}

@media(max-width:768px) {


    .summary-header[b-mgr7x3qqye] {
        padding: 16px;
    }

        .summary-header h2[b-mgr7x3qqye] {
            font-size: 16px;
        }

    .two-col[b-mgr7x3qqye],
    .three-col[b-mgr7x3qqye] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .head-row[b-mgr7x3qqye] {
        display: none;
    }

    .value-row[b-mgr7x3qqye] {
        display: grid;
        gap: 15px;
        padding-top: 10px;
    }

        .value-row .value-col[b-mgr7x3qqye] {
            background: #f8f9fd;
            border: 1px solid #e8ebf3;
            border-radius: 8px;
            padding: 12px;
        }

    .title-bar[b-mgr7x3qqye] {
        margin: 0 16px;
        font-size: 16px;
    }

    .value-row .value-col .badge[b-mgr7x3qqye] {
        width: 100%;
    }
}

@media(max-width:480px) {

    .summary-header h2[b-mgr7x3qqye] {
        font-size: 14px;
    }

    .title-bar[b-mgr7x3qqye] {
        padding: 12px 16px;
        font-size: 16px;
    }

    .value-row[b-mgr7x3qqye] {
        font-size: 14px;
    }
}
/* _content/PayliteNG/Pages/AppraisalAssessment/NineBoxTalentMatrix.razor.rz.scp.css */
.vertical-upright[b-njdwtyg9jj] {
    writing-mode: vertical-lr;
    text-orientation: upright;
    white-space: normal;
    font-size: 12px;
    line-height: 1;
}

.box-nine > div > div[b-njdwtyg9jj] {
    min-height: 100px;
    vertical-align: middle;
    justify-content: center;
    display: flex;
}

.box-nine.main-box > div > div[b-njdwtyg9jj] {
    flex-direction: column;
    font-size: 14px;
}

.k-avatar-image[b-njdwtyg9jj] {
    align-items: center;
    justify-content: center;
    display: flex;
}

.close-opup[b-njdwtyg9jj] {
    margin-top: -12px;
}

.user-view.demo-window[b-njdwtyg9jj],
.user-view.demo-window .k-window-content[b-njdwtyg9jj] {
    overflow: visible;
}

.letter-spacing5[b-njdwtyg9jj] {
    letter-spacing: 3px;
}

.popup-cta[b-njdwtyg9jj] {
    margin-top: 10px;
}

.poten[b-njdwtyg9jj] {
    font-size: 12px !important;
}

.performance[b-njdwtyg9jj] {
    font-size: 12px !important;
}

@media (min-width: 1400px) {
    .box-nine.main-box > div > div[b-njdwtyg9jj] {
        font-size: 16px;
    }
    .box-nine > div > div[b-njdwtyg9jj] {
        min-height: 140px;
    }
    .poten[b-njdwtyg9jj] {
        font-size: 14px !important;
        padding: 0.25rem 0;
    }
    .vertical-upright[b-njdwtyg9jj] {
        font-size: 14px;
    }
    .performance[b-njdwtyg9jj] {
        font-size: 14px !important;
        padding: 10px 0;
    }
    .popup-cta[b-njdwtyg9jj] {
        margin-top: 15px;
        font-size: 14px;
    }
        /* responsive end 1400 */
}

@media (min-width: 1601px) {
    .box-nine.main-box > div > div[b-njdwtyg9jj] {
        font-size: 18px;
    }
    .box-nine > div > div[b-njdwtyg9jj] {
       
        min-height: 180px;
    }

    .poten[b-njdwtyg9jj] {
        font-size: 1px !important;
        padding: 0.25rem 0;
    }

    .vertical-upright[b-njdwtyg9jj] {
        font-size: 15px;
    }

    .performance[b-njdwtyg9jj] {
        font-size: 15px !important;
        padding: 20px 0;
    }
    .popup-cta[b-njdwtyg9jj] {
        margin-top: 20px;
        font-size: 16px;
    }

    /* responsive end 1601 */
}
/* _content/PayliteNG/Pages/Attendance/AttAttendanceModification.razor.rz.scp.css */
/*body {

}
*/
.showDiv[b-0c0t76a627] {
    display: block;
}

.hideDiv[b-0c0t76a627] {
    display: none;
}
/* _content/PayliteNG/Pages/Attendance/AttCreatePeriodicAttendance.razor.rz.scp.css */
/*body{
}*/

.fixedWidth[b-hn3xzm6yi5] {
    width: 5px;
}

.showDiv[b-hn3xzm6yi5] {
    display: block;
}

.hideDiv[b-hn3xzm6yi5] {
    display: none;
}

/* _content/PayliteNG/Pages/Attendance/RemoveAttendanceSheet.razor.rz.scp.css */
/*body {
}*/
.showDiv[b-wf571g6zfn] {
    display: block;
}

.hideDiv[b-wf571g6zfn] {
    display: none;
}
/* _content/PayliteNG/Pages/Attendance/RemoveShiftAllocation.razor.rz.scp.css */
/*body{
}*/

.fixedWidth[b-j1spjbwzkk] {
    width: 5px;
}

.showDiv[b-j1spjbwzkk] {
    display: block;
}

.hideDiv[b-j1spjbwzkk] {
    display: none;
}

/* _content/PayliteNG/Pages/ChatDiscussion.razor.rz.scp.css */

/* === CONVERSATIONS === */
.discussion.search[b-9jmth8z1ig]{
    position:sticky;
    z-index:99;
    top:0;
}
.discussions[b-9jmth8z1ig] {
    width: 35%;
    height: 700px;
    box-shadow: 0px 8px 10px rgba(0,0,0,0.20);
    overflow-y: scroll;
    /*background-color: #87a3ec;*/
    display: inline-block;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
discussions[b-9jmth8z1ig]::-webkit-scrollbar {
    display: none;
}
    .discussions .discussion[b-9jmth8z1ig] {
        width: 100%;
        height: 90px;
        background-color: #FAFAFA;
        border-bottom: solid 1px #E0E0E0;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .discussions .search[b-9jmth8z1ig] {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #E0E0E0;
    }

        .discussions .search .searchbar[b-9jmth8z1ig] {
            height: 40px;
            background-color: #FFF;
            width: 70%;
            padding: 0 20px;
            border-radius: 50px;
            border: 1px solid #EEEEEE;
            display: flex;
            align-items: center;
            cursor: pointer;
        }

            .discussions .search .searchbar input[b-9jmth8z1ig] {
                margin-left: 15px;
                height: 38px;
                width: 100%;
                border: none;
                font-family: 'Montserrat', sans-serif;
                ;
            }

            .discussions .search .searchbar *[b-9jmth8z1ig]::-webkit-input-placeholder {
                color: #E0E0E0;
            }

            .discussions .search .searchbar input *:-moz-placeholder[b-9jmth8z1ig] {
                color: #E0E0E0;
            }

            .discussions .search .searchbar input *[b-9jmth8z1ig]::-moz-placeholder {
                color: #E0E0E0;
            }

            .discussions .search .searchbar input *:-ms-input-placeholder[b-9jmth8z1ig] {
                color: #E0E0E0;
            }

    .discussions .message-active[b-9jmth8z1ig] {
        width: 98.5%;
        height: 90px;
        background-color: #FFF;
        border-bottom: solid 1px #E0E0E0;
    }

    .discussions .discussion .photo[b-9jmth8z1ig] {
        margin-left: 20px;
        display: block;
        width: 45px;
        height: 45px;
        background: #E6E7ED;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
.online[b-9jmth8z1ig] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 13px;
    height: 13px;
    background-color: #8BC34A;
    border-radius: 13px;
    border: 3px solid #FAFAFA;
}
.offline[b-9jmth8z1ig] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 13px;
    height: 13px;
    background-color:orangered;
    border-radius: 13px;
    border: 3px solid #FAFAFA;
}
.desc-contact[b-9jmth8z1ig] {
    height: 43px;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.discussions .discussion .name[b-9jmth8z1ig] {
    margin: 0 0 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    color: #515151;
}

.discussions .discussion .message[b-9jmth8z1ig] {
    margin: 6px 0 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 9pt;
    color: #515151;
}

.timer[b-9jmth8z1ig] {
    margin-left: 15%;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    padding: 3px 8px;
    color: #BBB;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
}

.chat[b-9jmth8z1ig] {
    width: 65%;
}

.header-chat[b-9jmth8z1ig] {
    background-color: #FFF;
    height: 90px;
    box-shadow: 0px 3px 2px rgba(0,0,0,0.100);
    display: flex;
    align-items: center;
}

.chat .header-chat .icon[b-9jmth8z1ig] {
    margin-left: 30px;
    color: #515151;
    font-size: 14pt;
}

.chat .header-chat .name[b-9jmth8z1ig] {
    margin: 0 0 0 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    color: #515151;
}

.chat .header-chat .right[b-9jmth8z1ig] {
    position: absolute;
    right: 40px;
}

.chat .messages-chat[b-9jmth8z1ig] {
    padding: 25px 35px;
}

    .chat .messages-chat .message[b-9jmth8z1ig] {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

        .chat .messages-chat .message .photo[b-9jmth8z1ig] {
            display: block;
            width: 45px;
            height: 45px;
            background: #E6E7ED;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

    .chat .messages-chat .text[b-9jmth8z1ig] {
        margin: 0 35px;
        background-color: #f6f6f6;
        padding: 15px;
        border-radius: 12px;
    }

.text-only[b-9jmth8z1ig] {
    margin-left: 45px;
}

.time[b-9jmth8z1ig] {
    font-size: 10px;
    color: lightgrey;
    margin-bottom: 10px;
    margin-left: 85px;
}

.response-time[b-9jmth8z1ig] {
    float: right;
    margin-right: 40px !important;
}

.response[b-9jmth8z1ig] {
    float: right;
    margin-right: 0px !important;
    margin-left: auto; /* flexbox alignment rule */
}

    .response .text[b-9jmth8z1ig] {
        background-color: #e3effd !important;
    }

.footer-chat[b-9jmth8z1ig] {
    width: 65%;
    height: 80px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border-top: 2px solid #EEE;
}

.chat .footer-chat .icon[b-9jmth8z1ig] {
    margin-left: 30px;
    color: #C0C0C0;
    font-size: 14pt;
}

.chat .footer-chat .send[b-9jmth8z1ig] {
    color: #fff;
    background-color: #4f6ebd;
    position: absolute;
    right: 50px;
    padding: 12px 12px 12px 12px;
    border-radius: 50px;
    font-size: 14pt;
}

.chat .footer-chat .name[b-9jmth8z1ig] {
    margin: 0 0 0 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    color: #515151;
}

.chat .footer-chat .right[b-9jmth8z1ig] {
    position: absolute;
    right: 40px;
}

.write-message[b-9jmth8z1ig] {
    border: none !important;
    width: 60%;
    height: 50px;
    margin-left: 20px;
    padding: 10px;
}

.footer-chat *[b-9jmth8z1ig]::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 13pt;
}

.footer-chat input *:-moz-placeholder[b-9jmth8z1ig] {
    color: #C0C0C0;
    font-size: 13pt;
}

.footer-chat input *[b-9jmth8z1ig]::-moz-placeholder {
    color: #C0C0C0;
    font-size: 13pt;
    margin-left: 5px;
}

.footer-chat input *:-ms-input-placeholder[b-9jmth8z1ig] {
    color: #C0C0C0;
    font-size: 13pt;
}

.clickable[b-9jmth8z1ig] {
    cursor: pointer;
}
/* _content/PayliteNG/Pages/CommonLoader/CommonLoader.razor.rz.scp.css */
/* _content/PayliteNG/Pages/EmployeeDashboardComponent/TeamMonthlyLeaves.razor.rz.scp.css */
.leave-status[b-ymqxl24vin] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
}

.status-approved[b-ymqxl24vin] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-pending[b-ymqxl24vin] {
    background-color: #fff8e1;
    color: #f57f17;
}

.status-rejected[b-ymqxl24vin] {
    background-color: #ffebee;
    color: #c62828;
}

.status-cancelled[b-ymqxl24vin] {
    background-color: #eeeeee;
    color: #616161;
}

.status-default[b-ymqxl24vin] {
    background-color: #f5f5f5;
    color: #424242;
}
/* _content/PayliteNG/Pages/ExpenseClaimRegister.razor.rz.scp.css */
/*body{
}*/

.fixedWidth[b-eu4ui26at2] {
    width: 5px;
}

.showDiv[b-eu4ui26at2] {
    display: block;
}

.hideDiv[b-eu4ui26at2] {
    display: none;
}

/* _content/PayliteNG/Pages/MasterSetup.razor.rz.scp.css */
.k-window[b-bmnktw5n8w] {
    min-width: 620px !important
}

    .k-window .k-form-layout[b-bmnktw5n8w] {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

        .k-window .k-form-layout .k-form-field[b-bmnktw5n8w] {
            width: 50%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
        }

.drawer-body[b-bmnktw5n8w] {
    height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
}

.drawer-footer[b-bmnktw5n8w] {
    bottom: 1rem;
    width: calc(100% - 2rem);
}

.form-group[b-bmnktw5n8w],
.form-control[b-bmnktw5n8w] {
    font-size: 0.75rem !important;
    line-height: 1.5 !important;
    margin-bottom: 0.5rem !important;
}

#checkboxes input[type="checkbox"][b-bmnktw5n8w] {
    margin-top: 0.5rem;
}

.k-button-text[b-bmnktw5n8w] {
    font-size: 0.75rem;
}

.TabStrip-container .k-tabstrip-content[b-bmnktw5n8w] {
    height: 450px;
    overflow: auto;
    margin-bottom: 25px !important;
}

.update-img[b-bmnktw5n8w] {
    width: 280px;
    border-radius: 3px;
    margin: 0 auto !important;
    display: inline-block !important;
}
/* _content/PayliteNG/Pages/MyTeamAttendance.razor.rz.scp.css */
/*body{
}*/

.fixedWidth[b-rqvnciwz5m] {
    width: 5px;
}

.showDiv[b-rqvnciwz5m] {
    display: block;
}

.hideDiv[b-rqvnciwz5m] {
    display: none;
}

/* _content/PayliteNG/Pages/Pulse/Announcements.razor.rz.scp.css */
.filter-controls-row[b-fc67nzpbhn] {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.announcements-grid[b-fc67nzpbhn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}

.announcement-card[b-fc67nzpbhn] {
    background: white;
    border-radius: 24px;
    border: 1px solid var(--gray-100);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.announcement-card:hover[b-fc67nzpbhn] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(79, 70, 229, 0.08);
    border-color: var(--indigo-100);
}

.announcement-card-img-wrapper[b-fc67nzpbhn] {
    position: relative;
    height: 160px;
    width: 100%;
    overflow: hidden;
}

.announcement-card-img[b-fc67nzpbhn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.announcement-card:hover .announcement-card-img[b-fc67nzpbhn] {
    transform: scale(1.05);
}

.announcement-card-badge[b-fc67nzpbhn] {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    color: white;
    padding: 6px 14px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.announcement-card-content[b-fc67nzpbhn] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.announcement-card-title[b-fc67nzpbhn] {
    font-size: 16px;
    font-weight: 800;
    color: var(--gray-900);
    margin-bottom: 8px;
    line-height: 1.4;
    transition: color 0.2s;
}

.announcement-card:hover .announcement-card-title[b-fc67nzpbhn] {
    color: var(--indigo-600);
}

.announcement-card-text[b-fc67nzpbhn] {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.announcement-card-footer[b-fc67nzpbhn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid var(--gray-50);
}

.announcement-stat[b-fc67nzpbhn] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--gray-400);
}

.announcement-date[b-fc67nzpbhn] {
    font-size: 11px;
    color: var(--gray-400);
    font-weight: 600;
}

@media (max-width: 640px) {
    .announcements-grid[b-fc67nzpbhn] {
        grid-template-columns: 1fr;
    }
}
/* _content/PayliteNG/Pages/Pulse/CommandCenter.razor.rz.scp.css */
/* ===================== PAGE-SPECIFIC: COMMAND CENTER ===================== */
.heatmap-cell[b-qbw0v54z97] { width: 100%; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }
.heatmap-green-dark[b-qbw0v54z97] { background: var(--emerald-500); color: white; }
.heatmap-green[b-qbw0v54z97] { background: var(--emerald-400); color: white; }
.heatmap-amber[b-qbw0v54z97] { background: var(--amber-400); color: var(--gray-800); }
.heatmap-red[b-qbw0v54z97] { background: var(--rose-500); color: white; }
.metric-card[b-qbw0v54z97] { background: white; border-radius: 28px; border: 1px solid var(--gray-100); padding: 24px; transition: box-shadow 0.2s; }
	.metric-card:hover[b-qbw0v54z97] { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); }
.metric-value[b-qbw0v54z97] { font-size: 28px; font-weight: 900; color: var(--gray-900); }
.metric-label[b-qbw0v54z97] { font-size: 10px; font-weight: 800; color: var(--gray-400); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px; }
.metric-change-pos[b-qbw0v54z97] { background: var(--emerald-50); color: var(--emerald-600); padding: 2px 8px; border-radius: 8px; font-size: 10px; font-weight: 800; }
.metric-change-neg[b-qbw0v54z97] { background: var(--rose-50); color: var(--rose-600); padding: 2px 8px; border-radius: 8px; font-size: 10px; font-weight: 800; }
/* _content/PayliteNG/Pages/Pulse/CompanyFeed.razor.rz.scp.css */
/* ===================== PAGE-SPECIFIC: COMPANY FEED ===================== */
.feed-layout[b-iy18vymrq3] { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align-items: start; }
.create-post-card[b-iy18vymrq3] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 20px; margin-bottom: 20px; }
.create-post-input[b-iy18vymrq3] { width: 100%; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 16px; padding: 14px 16px; font-size: 14px; resize: none; outline: none; transition: all 0.15s; min-height: 80px; }
	.create-post-input:focus[b-iy18vymrq3] { border-color: var(--sky-300); box-shadow: 0 0 0 3px rgba(14,165,233,0.1); background: white; }
.post-actions-bar[b-iy18vymrq3] { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.post-action-btn[b-iy18vymrq3] { display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; font-size: 12px; font-weight: 700; color: var(--gray-500); transition: all 0.15s; }
	.post-action-btn:hover[b-iy18vymrq3] { background: var(--gray-100); color: var(--gray-700); }
	.post-action-btn i[b-iy18vymrq3] { color: var(--gray-400); transition: color 0.15s; }
	.post-action-btn:hover i[b-iy18vymrq3] { color: var(--sky-500); }

.filter-bar[b-iy18vymrq3] { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.filter-chip[b-iy18vymrq3] { padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; border: 1.5px solid var(--gray-200); color: var(--gray-500); transition: all 0.15s; }
	.filter-chip:hover[b-iy18vymrq3] { border-color: var(--gray-300); color: var(--gray-700); }
.filter-chip-active[b-iy18vymrq3] {
	background: #0ea5e9 !important;
	color: #ffffff !important;
	border-color: #0ea5e9 !important;
	box-shadow: 0 2px 8px rgba(14, 165, 233, 0.25);
}

.post-card[b-iy18vymrq3] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 20px; margin-bottom: 16px; transition: box-shadow 0.2s; }
	.post-card:hover[b-iy18vymrq3] { box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.post-header[b-iy18vymrq3] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.post-user[b-iy18vymrq3] { display: flex; align-items: center; gap: 10px; }
.post-user-name[b-iy18vymrq3] { font-size: 14px; font-weight: 700; color: var(--gray-900); }
.post-user-role[b-iy18vymrq3] { font-size: 11px; color: var(--gray-400); font-weight: 600; }
.post-time[b-iy18vymrq3] { font-size: 11px; color: var(--gray-400); font-weight: 600; }
.post-content[b-iy18vymrq3] { font-size: 14px; color: var(--gray-700); line-height: 1.6; margin-bottom: 14px; }
.post-image[b-iy18vymrq3] { width: 100%; border-radius: 16px; margin-bottom: 14px; max-height: 300px; object-fit: cover; }

.reactions-bar[b-iy18vymrq3] { display: flex; align-items: center; gap: 6px; padding: 10px 0; border-top: 1px solid var(--gray-100); margin-bottom: 12px; flex-wrap: wrap; }
.reaction-btn[b-iy18vymrq3] { display: flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 20px; font-size: 13px; font-weight: 600; color: var(--gray-500); transition: all 0.15s; }
	.reaction-btn:hover[b-iy18vymrq3] { background: var(--gray-100); }
.reaction-btn-active[b-iy18vymrq3] { background: var(--indigo-50); color: var(--indigo-600); }

.comments-section[b-iy18vymrq3] { margin-top: 12px; }
.comment-item[b-iy18vymrq3] { display: flex; gap: 10px; margin-bottom: 10px; }
.comment-bubble[b-iy18vymrq3] { background: var(--gray-50); border-radius: 14px; padding: 10px 14px; flex: 1; }
.comment-author[b-iy18vymrq3] { font-size: 12px; font-weight: 700; color: var(--gray-900); margin-bottom: 2px; }
.comment-text[b-iy18vymrq3] { font-size: 13px; color: var(--gray-600); }
.comment-input-row[b-iy18vymrq3] { display: flex; gap: 10px; align-items: flex-end; margin-top: 10px; }
.comment-input[b-iy18vymrq3] { flex: 1; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 14px; padding: 10px 14px; font-size: 13px; outline: none; resize: none; }
	.comment-input:focus[b-iy18vymrq3] { border-color: var(--sky-300); background: white; }

.announcements-panel[b-iy18vymrq3] { background: white; border-radius: 28px; border: 1px solid var(--gray-100); padding: 24px; position: sticky; top: 80px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); }
.announcement-card[b-iy18vymrq3] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); overflow: hidden; margin-bottom: 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); }
	.announcement-card:hover[b-iy18vymrq3] { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); }
.announcement-card-img-wrapper[b-iy18vymrq3] { position: relative; height: 140px; width: 100%; }
.announcement-card-img[b-iy18vymrq3] { width: 100%; height: 100%; object-fit: cover; }
.announcement-card-badge[b-iy18vymrq3] { position: absolute; top: 16px; left: 16px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); color: white; padding: 4px 12px; border-radius: 8px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; border: 1px solid rgba(255, 255, 255, 0.2); }
.announcement-card-content[b-iy18vymrq3] { padding: 16px; }
.announcement-card-title[b-iy18vymrq3] { font-size: 15px; font-weight: 800; color: var(--indigo-600); margin-bottom: 8px; line-height: 1.3; }
.announcement-card-text[b-iy18vymrq3] { font-size: 12px; color: var(--gray-500); line-height: 1.6; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.announcement-card-footer[b-iy18vymrq3] { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; border-top: 1px solid var(--gray-50); }
.announcement-stat[b-iy18vymrq3] { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: var(--gray-400); }
.announcement-date[b-iy18vymrq3] { font-size: 11px; color: var(--gray-300); font-weight: 600; }

/* Modal styles for announcement creation */
.announcement-form-modal[b-iy18vymrq3] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.announcement-form-card[b-iy18vymrq3] { background: white; width: 100%; max-width: 500px; border-radius: 28px; padding: 32px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); }
.modal-announcement-img[b-iy18vymrq3] { width: 100%; max-height: 400px; object-fit: cover; border-radius: 20px; margin-bottom: 24px; }
.modal-announcement-title[b-iy18vymrq3] { font-size: 28px; font-weight: 900; color: var(--gray-900); margin-bottom: 12px; line-height: 1.2; }
.modal-announcement-text[b-iy18vymrq3] { font-size: 16px; color: var(--gray-700); line-height: 1.8; white-space: pre-line; }
.announcement-meta[b-iy18vymrq3] { display: flex; align-items: center; justify-content: space-between; }

.emoji-picker[b-iy18vymrq3] { position: absolute; z-index: 100; margin-top: 8px; padding: 12px; width: 250px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
.emoji-grid[b-iy18vymrq3] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.emoji-btn[b-iy18vymrq3] { font-size: 24px; padding: 8px; border-radius: 8px; transition: background 0.1s; }
	.emoji-btn:hover[b-iy18vymrq3] { background: var(--gray-100); }

.mention-list[b-iy18vymrq3] { position: absolute; z-index: 100; margin-top: 8px; width: 250px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); overflow: hidden; }
.mention-item[b-iy18vymrq3] { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 14px; transition: background 0.1s; border-bottom: 1px solid var(--gray-50); }
	.mention-item:hover[b-iy18vymrq3] { background: var(--sky-50); }
	.mention-item:last-child[b-iy18vymrq3] { border-bottom: none; }

.profile-modal[b-iy18vymrq3] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 2000; }
.profile-card-edit[b-iy18vymrq3] { background: white; width: 100%; max-width: 400px; border-radius: 32px; padding: 32px; box-shadow: 0 30px 60px rgba(0,0,0,0.12); animation: modalScale-b-iy18vymrq3 0.3s ease-out; text-align: center; }

@keyframes modalScale-b-iy18vymrq3 {
	from { transform: scale(0.95); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}
/* _content/PayliteNG/Pages/Pulse/Events.razor.rz.scp.css */
.filter-controls-row[b-sz8uv5ophd] {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.events-grid[b-sz8uv5ophd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}

.event-card[b-sz8uv5ophd] {
    background: white;
    border-radius: 24px;
    border: 1px solid var(--gray-100);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.event-card:hover[b-sz8uv5ophd] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(79, 70, 229, 0.08);
    border-color: var(--indigo-100);
}

.event-card-img-wrapper[b-sz8uv5ophd] {
    position: relative;
    height: 160px;
    width: 100%;
    overflow: hidden;
}

.event-card-img[b-sz8uv5ophd] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.event-card:hover .event-card-img[b-sz8uv5ophd] {
    transform: scale(1.05);
}

.event-card-badge-past[b-sz8uv5ophd] {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    color: white;
    padding: 6px 14px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.event-card-content[b-sz8uv5ophd] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.event-card-title[b-sz8uv5ophd] {
    font-size: 16px;
    font-weight: 800;
    color: var(--gray-900);
    margin-bottom: 8px;
    line-height: 1.4;
    transition: color 0.2s;
}

.event-card:hover .event-card-title[b-sz8uv5ophd] {
    color: var(--indigo-600);
}

.event-card-meta[b-sz8uv5ophd] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: var(--gray-500);
    font-weight: 600;
    margin-bottom: 12px;
}

.event-card-meta i[b-sz8uv5ophd] {
    color: var(--indigo-500);
    margin-right: 4px;
}

.event-card-text[b-sz8uv5ophd] {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.event-card-footer[b-sz8uv5ophd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid var(--gray-50);
}

.rsvp-buttons[b-sz8uv5ophd] {
    display: flex;
    gap: 6px;
}

.rsvp-btn[b-sz8uv5ophd] {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: 1.5px solid var(--gray-200);
    color: var(--gray-500);
    background: white;
    transition: all 0.15s;
    cursor: pointer;
}

.rsvp-btn:hover:not(:disabled)[b-sz8uv5ophd] {
    border-color: var(--gray-300);
    background: var(--gray-50);
}

.rsvp-btn:disabled[b-sz8uv5ophd],
.response-btn:disabled[b-sz8uv5ophd],
.btn-calendar:disabled[b-sz8uv5ophd] {
    opacity: 0.5;
    cursor: not-allowed !important;
    background: var(--gray-100) !important;
    border-color: var(--gray-200) !important;
    color: var(--gray-400) !important;
}

/* Event Details Popup Modal */
.event-popup-box[b-sz8uv5ophd] {
    background: white;
    border-radius: 40px;
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.25);
}

.event-popup-header[b-sz8uv5ophd] {
    height: 180px;
    background-size: cover;
    background-position: center;
    position: relative;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.event-popup-card[b-sz8uv5ophd] {
    position: relative;
    margin-top: -60px;
    background: white;
    border-radius: 40px;
    padding: 32px;
}

.event-popup-close[b-sz8uv5ophd] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    border: none;
    transition: background 0.2s;
}

.event-popup-close:hover[b-sz8uv5ophd] {
    background: rgba(255, 255, 255, 0.3);
}

.event-date-pill[b-sz8uv5ophd] {
    position: absolute;
    top: -40px;
    right: 32px;
    background: white;
    padding: 12px 18px;
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    text-align: center;
    min-width: 70px;
}

.date-month[b-sz8uv5ophd] {
    font-size: 10px;
    font-weight: 800;
    color: #4f46e5;
    margin-bottom: 2px;
}

.date-day[b-sz8uv5ophd] {
    font-size: 24px;
    font-weight: 900;
    color: #1e1b4b;
}

.event-popup-title[b-sz8uv5ophd] {
    font-size: 24px;
    font-weight: 900;
    color: #1e1b4b;
    margin-bottom: 8px;
}

.event-popup-meta[b-sz8uv5ophd] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px;
}

.event-popup-meta i[b-sz8uv5ophd] {
    color: #4f46e5;
}

.event-popup-location-box[b-sz8uv5ophd] {
    background: #f8fafc;
    border-radius: 20px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

.location-icon[b-sz8uv5ophd] {
    width: 44px;
    height: 44px;
    background: #e0e7ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f46e5;
    font-size: 16px;
}

.location-label[b-sz8uv5ophd] {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.05em;
}

.location-value[b-sz8uv5ophd] {
    font-size: 15px;
    font-weight: 700;
    color: #1e1b4b;
}

.event-popup-section[b-sz8uv5ophd] {
    margin-bottom: 28px;
}

.section-label[b-sz8uv5ophd] {
    font-size: 11px;
    font-weight: 900;
    color: #1e1b4b;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
}

.section-text[b-sz8uv5ophd] {
    font-size: 14px;
    line-height: 1.6;
    color: #64748b;
    font-weight: 500;
}

.event-popup-response-section[b-sz8uv5ophd] {
    border-top: 1px solid #f1f5f9;
    padding-top: 24px;
    margin-bottom: 24px;
}

.response-label[b-sz8uv5ophd] {
    font-size: 10px;
    font-weight: 900;
    color: #94a3b8;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
}

.response-group[b-sz8uv5ophd] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.response-btn[b-sz8uv5ophd] {
    border: none;
    background: #f8fafc;
    border-radius: 16px;
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.response-icon[b-sz8uv5ophd] {
    font-size: 18px;
    color: #cbd5e1;
}

.response-text[b-sz8uv5ophd] {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
}

.response-btn:hover:not(:disabled)[b-sz8uv5ophd] {
    background: #f1f5f9;
}

.active-attending[b-sz8uv5ophd] {
    background: #ecfdf5 !important;
}

.active-attending .response-icon[b-sz8uv5ophd] {
    color: #10b981;
}

.active-attending .response-text[b-sz8uv5ophd] {
    color: #059669;
}

.active-maybe[b-sz8uv5ophd] {
    background: #fffbeb !important;
}

.active-maybe .response-icon[b-sz8uv5ophd] {
    color: #f59e0b;
}

.active-maybe .response-text[b-sz8uv5ophd] {
    color: #d97706;
}

.active-declined[b-sz8uv5ophd] {
    background: #fff1f2 !important;
}

.active-declined .response-icon[b-sz8uv5ophd] {
    color: #f43f5e;
}

.active-declined .response-text[b-sz8uv5ophd] {
    color: #e11d48;
}

.btn-calendar[b-sz8uv5ophd] {
    width: 100%;
    background: #eef2ff;
    color: #4f46e5;
    border: none;
    padding: 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s;
    cursor: pointer;
}

.btn-calendar:hover:not(:disabled)[b-sz8uv5ophd] {
    background: #e0e7ff;
    transform: translateY(-2px);
}

.event-pdf-link[b-sz8uv5ophd] { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    background: #f1f5f9; 
    border-radius: 12px; 
    padding: 12px 16px; 
    color: #475569; 
    text-decoration: none; 
    font-size: 14px; 
    font-weight: 700; 
    transition: all 0.2s;
    border: 1px solid #e2e8f0;
}
.event-pdf-link:hover[b-sz8uv5ophd] { background: #e2e8f0; color: #1e293b; transform: translateX(4px); }
.event-pdf-link i.fa-file-pdf[b-sz8uv5ophd] { color: #e11d48; font-size: 18px; }

@media (max-width: 640px) {
    .events-grid[b-sz8uv5ophd] {
        grid-template-columns: 1fr;
    }
}
/* _content/PayliteNG/Pages/Pulse/People.razor.rz.scp.css */
/* ===================== PAGE-SPECIFIC: PEOPLE ===================== */
.people-grid[b-b8uvo7u1zj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }

.person-card[b-b8uvo7u1zj] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); overflow: hidden; transition: all 0.2s; }

	.person-card:hover[b-b8uvo7u1zj] { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); transform: translateY(-2px); }

.person-cover[b-b8uvo7u1zj] { height: 80px; background: var(--gray-200); position: relative; overflow: hidden; }

	.person-cover img[b-b8uvo7u1zj] { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }

.person-cover-overlay[b-b8uvo7u1zj] { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.9)); }

.person-body[b-b8uvo7u1zj] { padding: 0 20px 20px; margin-top: -32px; position: relative; }

.person-avatar[b-b8uvo7u1zj] { width: 64px; height: 64px; border-radius: 16px; border: 3px solid white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); object-fit: cover; }

.person-name[b-b8uvo7u1zj] { font-size: 16px; font-weight: 900; color: var(--gray-900); margin-top: 8px; }

.person-role[b-b8uvo7u1zj] { font-size: 12px; color: var(--indigo-600); font-weight: 700; }

.person-dept[b-b8uvo7u1zj] { font-size: 10px; color: var(--gray-400); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; }

.superpower-tag[b-b8uvo7u1zj] { display: inline-block; font-size: 9px; font-weight: 800; text-transform: uppercase; padding: 3px 8px; border-radius: 6px; margin: 2px; }

.clubs-grid[b-b8uvo7u1zj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }

.club-card[b-b8uvo7u1zj] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); overflow: hidden; transition: all 0.2s; }

	.club-card:hover[b-b8uvo7u1zj] { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); }

.club-image[b-b8uvo7u1zj] { width: 100%; height: 120px; object-fit: cover; }

.club-body[b-b8uvo7u1zj] { padding: 16px; }

.club-name[b-b8uvo7u1zj] { font-size: 16px; font-weight: 800; color: var(--gray-900); margin-bottom: 4px; }

.club-desc[b-b8uvo7u1zj] { font-size: 12px; color: var(--gray-500); margin-bottom: 12px; }

.active-tab-new[b-b8uvo7u1zj] { background: white !important; color: var(--indigo-600) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.profile-modal[b-b8uvo7u1zj] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.profile-card-edit[b-b8uvo7u1zj] { background: white; width: 100%; max-width: 550px; border-radius: 32px; padding: 40px; box-shadow: 0 30px 60px rgba(0,0,0,0.12); animation: modalScale-b-b8uvo7u1zj 0.3s ease-out; }
@keyframes modalScale-b-b8uvo7u1zj {
	from { transform: scale(0.95); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}
.upload-zone[b-b8uvo7u1zj] { border: 2px dashed var(--gray-200); border-radius: 16px; padding: 24px; text-align: center; cursor: pointer; transition: all 0.2s; background: var(--gray-50); }
	.upload-zone:hover[b-b8uvo7u1zj] { border-color: var(--indigo-400); background: var(--indigo-50); }
.avatar-upload[b-b8uvo7u1zj] { width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); position: relative; margin: 0 auto 24px; cursor: pointer; overflow: hidden; }
	.avatar-upload img[b-b8uvo7u1zj] { width: 100%; height: 100%; object-fit: cover; }
.avatar-upload-overlay[b-b8uvo7u1zj] { position: absolute; inset: 0; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; color: white; opacity: 0; transition: 0.2s; }
.avatar-upload:hover .avatar-upload-overlay[b-b8uvo7u1zj] { opacity: 1; }

/* Club Enhanced Styles */
.club-container[b-b8uvo7u1zj] { display: grid; grid-template-columns: 1fr 320px; gap: 32px; }
.club-main[b-b8uvo7u1zj] { min-width: 0; }
.club-sidebar[b-b8uvo7u1zj] { background: white; border-radius: 24px; padding: 24px; border: 1px solid var(--gray-100); height: fit-content; }
.club-detail-header[b-b8uvo7u1zj] { position: relative; border-radius: 32px; overflow: hidden; margin-bottom: 24px; background: white; border: 1px solid var(--gray-100); }
.club-banner[b-b8uvo7u1zj] { width: 100%; height: 280px; object-fit: cover; }
.club-banner-info[b-b8uvo7u1zj] { padding: 32px; }
.tab-bar-premium[b-b8uvo7u1zj] { display: flex; gap: 32px; border-bottom: 1px solid var(--gray-100); margin-bottom: 32px; }
.tab-item[b-b8uvo7u1zj] { padding: 8px 4px; font-weight: 700; color: var(--gray-400); cursor: pointer; position: relative; transition: 0.2s; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
.tab-item-active[b-b8uvo7u1zj] { color: var(--indigo-600); }
	.tab-item-active[b-b8uvo7u1zj]::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: var(--indigo-600); border-radius: 3px; }
.post-box[b-b8uvo7u1zj] { background: white; border-radius: 24px; padding: 24px; border: 1px solid var(--gray-100); margin-bottom: 24px; }
.post-input[b-b8uvo7u1zj] { width: 100%; border: none; font-size: 16px; min-height: 80px; resize: none; margin-bottom: 16px; font-family: inherit; }
	.post-input:focus[b-b8uvo7u1zj] { outline: none; }
.event-card-horizontal[b-b8uvo7u1zj] { display: flex; background: white; border-radius: 24px; padding: 20px; border: 1px solid var(--gray-100); gap: 24px; align-items: center; margin-bottom: 16px; }
.event-date-box[b-b8uvo7u1zj] { width: 64px; height: 80px; background: var(--indigo-50); border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.member-row[b-b8uvo7u1zj] { display: flex; align-items: center; justify-content: space-between; padding: 16px; background: white; border-radius: 20px; border: 1px solid var(--gray-100); margin-bottom: 12px; }
.like-button[b-b8uvo7u1zj] { display: flex; align-items: center; gap: 6px; cursor: pointer; color: var(--gray-400); font-size: 16px; transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
	.like-button:hover[b-b8uvo7u1zj] { transform: scale(1.1); color: var(--rose-500); }
	.like-button.liked[b-b8uvo7u1zj] { color: var(--rose-500); }
	.like-button span[b-b8uvo7u1zj] { font-size: 13px; font-weight: 700; color: var(--gray-600); }

	/* Sync with Company Feed Styling */
	.post-card[b-b8uvo7u1zj] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 24px; margin-bottom: 16px; transition: box-shadow 0.2s; }
		.post-card:hover[b-b8uvo7u1zj] { box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
	.post-header[b-b8uvo7u1zj] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
	.post-user[b-b8uvo7u1zj] { display: flex; align-items: center; gap: 12px; }
	.post-user-name[b-b8uvo7u1zj] { font-size: 14px; font-weight: 700; color: var(--gray-900); }
	.post-user-role[b-b8uvo7u1zj] { font-size: 11px; color: var(--gray-400); font-weight: 600; }
	.post-content[b-b8uvo7u1zj] { font-size: 15px; color: var(--gray-700); line-height: 1.6; margin-bottom: 16px; }
	.post-image[b-b8uvo7u1zj] { width: 100%; border-radius: 16px; margin-bottom: 16px; max-height: 400px; object-fit: cover; }

	.reactions-bar[b-b8uvo7u1zj] { display: flex; align-items: center; gap: 24px; padding: 12px 0; border-top: 1px solid var(--gray-50); margin-bottom: 16px; }
	.reaction-btn[b-b8uvo7u1zj] { display: flex; align-items: center; gap: 6px; cursor: pointer; border: none; background: transparent; transition: all 0.2s; }
	.reaction-btn i[b-b8uvo7u1zj] { font-size: 16px; }
	.reaction-btn span[b-b8uvo7u1zj] { font-size: 13px; font-weight: 700; }

	.comments-section[b-b8uvo7u1zj] { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--gray-50); }
	.comment-item[b-b8uvo7u1zj] { display: flex; gap: 10px; margin-bottom: 12px; }
	.comment-bubble[b-b8uvo7u1zj] { background: var(--gray-50); border-radius: 14px; padding: 10px 14px; flex: 1; }
	.comment-author[b-b8uvo7u1zj] { font-size: 12px; font-weight: 700; color: var(--gray-900); margin-bottom: 2px; }
	.comment-text[b-b8uvo7u1zj] { font-size: 12px; color: var(--gray-600); }

.create-post-card[b-b8uvo7u1zj] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 20px; margin-bottom: 20px; }
.create-post-input[b-b8uvo7u1zj] { width: 100%; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 16px; padding: 14px 16px; font-size: 14px; resize: none; outline: none; transition: all 0.15s; min-height: 80px; }
	.create-post-input:focus[b-b8uvo7u1zj] { border-color: var(--sky-300); box-shadow: 0 0 0 3px rgba(14,165,233,0.1); background: white; }
.post-actions-bar[b-b8uvo7u1zj] { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }

.comment-input-row[b-b8uvo7u1zj] { display: flex; gap: 10px; align-items: flex-end; margin-top: 10px; }
.comment-input[b-b8uvo7u1zj] { flex: 1; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 14px; padding: 10px 14px; font-size: 13px; outline: none; resize: none; }
	.comment-input:focus[b-b8uvo7u1zj] { border-color: var(--sky-300); background: white; }
/* _content/PayliteNG/Pages/Pulse/PulseHost.razor.rz.scp.css */
/* Shared styles for all Pulse pages (applied through PulseHost with ::deep) */
.pulse-module[b-42dlmzycfl] {
	--sky-50: #f0f9ff;
	--sky-100: #e0f2fe;
	--sky-300: #7dd3fc;
	--sky-400: #38bdf8;
	--sky-500: #0ea5e9;
	--sky-600: #0284c7;
	--bg-primary-50: #eef2ff;
	--bg-primary-100: #e0e7ff;
	--bg-primary-300: #a5b4fc;
	--bg-primary-400: #818cf8;
	--bg-primary-500: #6366f1;
	--bg-primary-600: #4f46e5;
	--bg-primary-700: #4338ca;
	--bg-primary-800: #3730a3;
	--bg-primary-900: #312e81;
	--bg-primary-950: #1e1b4b;
	--emerald-50: #ecfdf5;
	--emerald-100: #d1fae5;
	--emerald-400: #34d399;
	--emerald-500: #10b981;
	--emerald-600: #059669;
	--rose-50: #fff1f2;
	--rose-100: #ffe4e6;
	--rose-200: #fecdd3;
	--rose-400: #fb7185;
	--rose-500: #f43f5e;
	--rose-600: #e11d48;
	--amber-50: #fffbeb;
	--amber-100: #fef3c7;
	--amber-400: #fbbf24;
	--amber-500: #f59e0b;
	--purple-600: #9333ea;
	--gray-50: #f9fafb;
	--gray-100: #f3f4f6;
	--gray-200: #e5e7eb;
	--gray-300: #d1d5db;
	--gray-400: #9ca3af;
	--gray-500: #6b7280;
	--gray-600: #4b5563;
	--gray-700: #374151;
	--gray-800: #1f2937;
	--gray-900: var(--bg-primary);
	--indigo-600: var(--bg-primary);
	--sidebar-width: 256px;
	font-family: 'Inter', sans-serif;
	color: #111827;
}

.pulse-module[b-42dlmzycfl]  *,
.pulse-module[b-42dlmzycfl]  *::before,
.pulse-module[b-42dlmzycfl]  *::after { box-sizing: border-box; }
.pulse-module[b-42dlmzycfl]  a { text-decoration: none; color: inherit; }
.pulse-module[b-42dlmzycfl]  button { cursor: pointer; font-family: inherit; border: none; background: none; }
.pulse-module[b-42dlmzycfl]  input,
.pulse-module[b-42dlmzycfl]  textarea,
.pulse-module[b-42dlmzycfl]  select { font-family: inherit; }
.pulse-module[b-42dlmzycfl]  img { max-width: 100%; }

@keyframes fadeIn-b-42dlmzycfl {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes scaleIn-b-42dlmzycfl {
	from { opacity: 0; transform: scale(0.95); }
	to { opacity: 1; transform: scale(1); }
}
@keyframes slideUp-b-42dlmzycfl {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse-b-42dlmzycfl {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}
@keyframes spin-b-42dlmzycfl {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@keyframes bounce-b-42dlmzycfl {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

.pulse-module[b-42dlmzycfl]  .animate-fadeIn { animation: fadeIn-b-42dlmzycfl 0.3s ease-out; }
.pulse-module[b-42dlmzycfl]  .animate-scaleIn { animation: scaleIn-b-42dlmzycfl 0.25s ease-out; }
.pulse-module[b-42dlmzycfl]  .animate-slideUp { animation: slideUp-b-42dlmzycfl 0.3s ease-out; }
.pulse-module[b-42dlmzycfl]  .animate-pulse { animation: pulse-b-42dlmzycfl 2s infinite; }
.pulse-module[b-42dlmzycfl]  .animate-spin { animation: spin-b-42dlmzycfl 1s linear infinite; }
.pulse-module[b-42dlmzycfl]  .animate-bounce { animation: bounce-b-42dlmzycfl 1s infinite; }

.pulse-module[b-42dlmzycfl]  .page-body { /*padding: 32px; max-width: 1280px;*/
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
}
.full-width-tab > .k-tabstrip-items-wrapper[b-42dlmzycfl] {
	margin-bottom: 10px;
	background: #ECEFF8;
	padding: 0 !important;
	font-size: 16px;
	font-weight: 300;
}
.pulse-module[b-42dlmzycfl]  .main-content { flex: 1; margin-left: var(--sidebar-width); display: flex; flex-direction: column; min-height: 100vh; }
.pulse-module[b-42dlmzycfl]  .top-header { position: sticky; top: 0; z-index: 30; background: white; border-bottom: 1px solid var(--gray-100); padding: 0 32px; height: 64px; display: flex; align-items: center; justify-content: space-between; }
.pulse-module[b-42dlmzycfl]  .page-title { font-size: 20px; font-weight: 900; color: var(--gray-900); }
.pulse-module[b-42dlmzycfl]  .header-right { display: flex; align-items: center; gap: 12px; }
.pulse-module[b-42dlmzycfl]  .search-bar { display: flex; align-items: center; gap: 8px; background: var(--gray-50); border: 1px solid var(--gray-200); /*border-radius: 12px;*/ padding: 8px 14px; font-size: 13px; color: var(--gray-400); }
.pulse-module[b-42dlmzycfl]  .search-bar input { background: none; border: none; outline: none; font-size: 13px; color: var(--gray-700); width: 260px; }
.pulse-module[b-42dlmzycfl]  .icon-btn { position: relative; width: 38px; height: 38px; border-radius: 10px; background: var(--gray-50); border: 1px solid var(--gray-200); display: flex; align-items: center; justify-content: center; color: var(--gray-500); transition: all 0.15s; }
.pulse-module[b-42dlmzycfl]  .icon-btn:hover { background: var(--gray-100); }
.pulse-module[b-42dlmzycfl]  .notif-dot { position: absolute; top: 8px; right: 8px; width: 7px; height: 7px; background: var(--rose-500); border-radius: 50%; border: 1.5px solid white; }
.pulse-module[b-42dlmzycfl]  .header-avatar { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; cursor: pointer; }

.pulse-module[b-42dlmzycfl]  .card { background: white; border-radius: 24px; border: 1px solid var(--gray-100); box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.pulse-module[b-42dlmzycfl]  .card-lg { border-radius: 40px; }

.pulse-module[b-42dlmzycfl]  .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; /*border-radius: 12px;*/ font-size: 13px; font-weight: 700; transition: all 0.15s; cursor: pointer; }
.pulse-module[b-42dlmzycfl]  .btn:active { transform: scale(0.97); }
.pulse-module[b-42dlmzycfl]  .btn-primary { background: var(--bg-primary)/*var(--bg-primary-600)*/; color: white; }
	.pulse-module[b-42dlmzycfl]  .btn-primary:hover { /*background: var(--bg-primary-700);*/
		border-color: #579bfc;
		background-color: #579bfc;
	}
.pulse-module[b-42dlmzycfl]  .btn-indigo { background: var(--bg-primary)/*var(--bg-primary-600)*/; color: white; }
.pulse-module[b-42dlmzycfl]  .btn-indigo:hover { background: var(--bg-primary-700); }
.pulse-module[b-42dlmzycfl]  .btn-sky { background: var(--sky-500); color: white; }
.pulse-module[b-42dlmzycfl]  .btn-sky i { color: white; }
.pulse-module[b-42dlmzycfl]  .btn-sky:hover { background: var(--bg-primary)/*var(--bg-primary-600)*/; box-shadow: 0 6px 14px rgba(79,70,229,0.25); }
.pulse-module[b-42dlmzycfl]  .btn-dark { background: var(--gray-900); color: white; }
	.pulse-module[b-42dlmzycfl]  .btn-dark:hover {background: #579bfc;}
.pulse-module[b-42dlmzycfl]  .btn-outline { background: white; color: var(--bg-primary)/*var(--bg-primary-600)*/; border: 1px solid var(--bg-primary-100); }
.pulse-module[b-42dlmzycfl]  .btn-outline:hover { background: var(--bg-primary-50); }
.pulse-module[b-42dlmzycfl]  .btn-ghost { background: var(--gray-100); color: var(--gray-600); }
.pulse-module[b-42dlmzycfl]  .btn-ghost:hover { background: var(--gray-200); }
.pulse-module[b-42dlmzycfl]  .btn-danger { background: var(--rose-50); color: var(--rose-600); }
.pulse-module[b-42dlmzycfl]  .btn-danger:hover { background: var(--rose-100); }
.pulse-module[b-42dlmzycfl]  .btn-sm { padding: 6px 14px; font-size: 11px; border-radius: 8px; }
.pulse-module[b-42dlmzycfl]  .btn-xs { padding: 4px 10px; font-size: 10px; border-radius: 6px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
.pulse-module[b-42dlmzycfl]  .btn-circle { width: 38px; height: 38px; padding: 0; border-radius: 999px; justify-content: center; }
.pulse-module[b-42dlmzycfl]  .btn:disabled { opacity: 0.5; cursor: not-allowed; }

.pulse-module[b-42dlmzycfl]  .category-btn {
	padding: 10px 20px;
	/*border-radius: 12px;*/
	border: 1.5px solid var(--gray-200);
	font-size: 14px;
	font-weight: 700;
	color: var(--gray-600);
	transition: all 0.2s;
	margin-right: 8px;
	margin-bottom: 8px;
	background: #ffffff;
}
.pulse-module[b-42dlmzycfl]  .category-btn:hover { border-color: var(--gray-300); background: var(--gray-50); }
.pulse-module[b-42dlmzycfl]  .category-btn-active { background: var(--gray-900) !important; color: #ffffff !important; border-color: var(--gray-900) !important; }

.pulse-module[b-42dlmzycfl]  .badge { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
.pulse-module[b-42dlmzycfl]  .badge-indigo { background: var(--bg-primary-50); color: var(--bg-primary)/*var(--bg-primary-600)*/; }
.pulse-module[b-42dlmzycfl]  .badge-emerald { background: var(--emerald-50); color: var(--emerald-600); }
.pulse-module[b-42dlmzycfl]  .badge-rose { background: var(--rose-50); color: var(--rose-600); }
.pulse-module[b-42dlmzycfl]  .badge-amber { background: var(--amber-50); color: var(--amber-500); }
.pulse-module[b-42dlmzycfl]  .badge-gray { background: var(--gray-100); color: var(--gray-500); }

.pulse-module[b-42dlmzycfl]  .form-input { width: 100%; padding: 12px 16px; border-radius: 14px; background: var(--gray-50); border: 1px solid var(--gray-200); font-size: 14px; font-weight: 500; color: var(--gray-900); outline: none; transition: all 0.15s; }
.pulse-module[b-42dlmzycfl]  .form-input:focus { border-color: var(--bg-primary-300); box-shadow: 0 0 0 3px rgba(99,102,241,0.1); background: white; }
.pulse-module[b-42dlmzycfl]  .form-label { display: block; font-size: 11px; font-weight: 800; color: var(--gray-400); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px; }
.pulse-module[b-42dlmzycfl]  .form-group { margin-bottom: 16px; }

.pulse-module[b-42dlmzycfl]  .tab-bar { /*display: flex;*/ background: var(--gray-100); border-radius: 14px; padding: 4px; gap: 2px; }
.pulse-module[b-42dlmzycfl]  .tab-btn { padding: 8px 20px; border-radius: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray-400); transition: all 0.15s; }
.pulse-module[b-42dlmzycfl]  .tab-btn:hover { color: var(--gray-600); }
.pulse-module[b-42dlmzycfl]  .tab-btn-active { background: white; color: var(--bg-primary)/*var(--bg-primary-600)*/; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }

.pulse-module[b-42dlmzycfl]  .sub-tab-bar { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 24px; }
.pulse-module[b-42dlmzycfl]  .sub-tab-btn { padding: 8px 18px; border-radius: 20px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray-500); border: 1.5px solid transparent; white-space: nowrap; transition: all 0.15s; }
.pulse-module[b-42dlmzycfl]  .sub-tab-btn:hover { color: var(--gray-700); background: var(--gray-100); }
.pulse-module[b-42dlmzycfl]  .sub-tab-btn-active { background: var(--bg-primary)/*var(--bg-primary-600)*/; color: white; }
.pulse-module[b-42dlmzycfl]  .active-tab-new { background: white !important; color: var(--bg-primary)/*var(--bg-primary-600)*/ !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.pulse-module[b-42dlmzycfl]  .tab-item { padding: 8px 4px; font-weight: 700; color: var(--gray-400); cursor: pointer; position: relative; transition: 0.2s; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
.pulse-module[b-42dlmzycfl]  .tab-item-active { color: var(--bg-primary)/*var(--bg-primary-600)*/; }
.pulse-module[b-42dlmzycfl]  .tab-item-active::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: var(--bg-primary)/*var(--bg-primary-600)*/; border-radius: 3px; }

.pulse-module[b-42dlmzycfl]  .modal-overlay { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15,23,42,0.4); backdrop-filter: blur(8px); animation: fadeIn-b-42dlmzycfl 0.2s ease; }
.pulse-module[b-42dlmzycfl]  .modal-box { background: white; border-radius: 40px; width: 100%; max-width: 560px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.2); animation: scaleIn-b-42dlmzycfl 0.25s ease; }
.pulse-module[b-42dlmzycfl]  .modal-header { padding: 28px 32px; }
.pulse-module[b-42dlmzycfl]  .modal-body { padding: 28px 32px; }
.pulse-module[b-42dlmzycfl]  .modal-footer { padding: 20px 32px; border-top: 1px solid var(--gray-100); background: var(--gray-50); display: flex; justify-content: flex-end; gap: 10px; }
.pulse-module[b-42dlmzycfl]  .modal-close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; transition: background 0.15s; }
.pulse-module[b-42dlmzycfl]  .modal-close:hover { background: rgba(255,255,255,0.25); }

/*.pulse-module ::deep .avatar { border-radius: 50%; object-fit: cover; }
.pulse-module ::deep .avatar-sm { width: 32px; height: 32px; }
.pulse-module ::deep .avatar-md { width: 40px; height: 40px; }*/
.pulse-module[b-42dlmzycfl]  .avatar-lg { width: 48px; height: 48px; }
.pulse-module[b-42dlmzycfl]  .avatar-xl { width: 64px; height: 64px; }
.pulse-module[b-42dlmzycfl]  .avatar-rounded { /*border-radius: 12px;*/ }

.pulse-module[b-42dlmzycfl]  .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.pulse-module[b-42dlmzycfl]  .section-title { font-size: 22px; font-weight: 900; color: var(--gray-900); letter-spacing: -0.02em; }
.pulse-module[b-42dlmzycfl]  .section-sub { font-size: 13px; color: var(--gray-500); font-weight: 500; margin-top: 2px; }

.pulse-module[b-42dlmzycfl]  .hide-scrollbar::-webkit-scrollbar { display: none; }
.pulse-module[b-42dlmzycfl]  .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.pulse-module[b-42dlmzycfl]  .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.pulse-module[b-42dlmzycfl]  .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pulse-module[b-42dlmzycfl]  .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.pulse-module[b-42dlmzycfl]  .flex { display: flex; }
.pulse-module[b-42dlmzycfl]  .flex-col { flex-direction: column; }
.pulse-module[b-42dlmzycfl]  .items-center { align-items: center; }
.pulse-module[b-42dlmzycfl]  .justify-between { justify-content: space-between; }
.pulse-module[b-42dlmzycfl]  .gap-2 { gap: 8px; }
.pulse-module[b-42dlmzycfl]  .gap-3 { gap: 12px; }
.pulse-module[b-42dlmzycfl]  .gap-4 { gap: 16px; }

.pulse-module[b-42dlmzycfl]  .space-y > * + * { margin-top: 16px; }
.pulse-module[b-42dlmzycfl]  .space-y-sm > * + * { margin-top: 8px; }
.pulse-module[b-42dlmzycfl]  .space-y-lg > * + * { margin-top: 24px; }

.pulse-module[b-42dlmzycfl]  .text-xs { font-size: 11px; }
.pulse-module[b-42dlmzycfl]  .text-sm { font-size: 13px; }
.pulse-module[b-42dlmzycfl]  .text-base { font-size: 14px; }
.pulse-module[b-42dlmzycfl]  .text-lg { font-size: 16px; }
.pulse-module[b-42dlmzycfl]  .text-xl { font-size: 20px; }
.pulse-module[b-42dlmzycfl]  .text-2xl { font-size: 24px; }
.pulse-module[b-42dlmzycfl]  .text-3xl { font-size: 30px; }
.pulse-module[b-42dlmzycfl]  .font-bold { font-weight: 700; }
.pulse-module[b-42dlmzycfl]  .font-black { font-weight: 900; }
.pulse-module[b-42dlmzycfl]  .uppercase { text-transform: uppercase; }
.pulse-module[b-42dlmzycfl]  .tracking-wide { letter-spacing: 0.08em; }
.pulse-module[b-42dlmzycfl]  .italic { font-style: italic; }
.pulse-module[b-42dlmzycfl]  .text-gray { color: var(--gray-500); }
.pulse-module[b-42dlmzycfl]  .text-indigo { color: var(--bg-primary)/*var(--bg-primary-600)*/; }
.pulse-module[b-42dlmzycfl]  .text-emerald { color: var(--emerald-600); }
.pulse-module[b-42dlmzycfl]  .text-rose { color: var(--rose-600); }

@media (max-width: 768px) {
	.pulse-module[b-42dlmzycfl]  .sidebar { display: none; }
	.pulse-module[b-42dlmzycfl]  .main-content { margin-left: 0; }
	.pulse-module[b-42dlmzycfl]  .mobile-nav { display: flex; }
	.pulse-module[b-42dlmzycfl]  .page-body { padding: 16px; padding-bottom: 80px; }
	.pulse-module[b-42dlmzycfl]  .feed-layout { grid-template-columns: 1fr; }
	.pulse-module[b-42dlmzycfl]  .wellbeing-layout { grid-template-columns: 1fr; }
	.pulse-module[b-42dlmzycfl]  .safespace-layout { grid-template-columns: 1fr; }
	.pulse-module[b-42dlmzycfl]  .kanban-board { grid-template-columns: 1fr; }
	.pulse-module[b-42dlmzycfl]  .people-grid { grid-template-columns: repeat(2, 1fr); }
	.pulse-module[b-42dlmzycfl]  .grid-2,
	.pulse-module[b-42dlmzycfl]  .grid-3,
	.pulse-module[b-42dlmzycfl]  .grid-4 { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
	.pulse-module[b-42dlmzycfl]  .people-grid { grid-template-columns: 1fr; }
}

/* ==========================================
   RTL (Arabic) Layout Overrides
   ========================================== */
.pulse-module.rtl[b-42dlmzycfl] {
	direction: rtl;
	text-align: right;
}

.pulse-module.rtl[b-42dlmzycfl]  .main-content {
	margin-left: 0;
	margin-right: var(--sidebar-width);
}

.pulse-module.rtl[b-42dlmzycfl]  .notif-dot {
	right: auto;
	left: 8px;
}

.pulse-module.rtl[b-42dlmzycfl]  .category-btn {
	margin-right: 0;
	margin-left: 8px;
}

.pulse-module.rtl[b-42dlmzycfl]  .modal-close {
	right: auto;
	left: 20px;
}

.pulse-module.rtl[b-42dlmzycfl]  .float-end {
	float: left !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .float-start {
	float: right !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .text-end {
	text-align: left !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .text-start {
	text-align: right !important;
}

/* Event popup and date pill overrides */
.pulse-module.rtl[b-42dlmzycfl]  .event-popup-close {
	right: auto;
	left: 20px;
}

.pulse-module.rtl[b-42dlmzycfl]  .event-date-pill {
	right: auto;
	left: 32px;
}

/* SafeSpace border highlight override */
.pulse-module.rtl[b-42dlmzycfl]  .chat-messages {
	border-left: none;
	border-right: 4px solid var(--bg-primary-400);
}

/* General directional margin/padding classes if used */
.pulse-module.rtl[b-42dlmzycfl]  .ms-2 {
	margin-left: 0 !important;
	margin-right: 0.5rem !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .me-2 {
	margin-right: 0 !important;
	margin-left: 0.5rem !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .me-3 {
	margin-right: 0 !important;
	margin-left: 1rem !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .ms-3 {
	margin-left: 0 !important;
	margin-right: 1rem !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .pe-4 {
	padding-right: 0 !important;
	padding-left: 1.5rem !important;
}

.pulse-module.rtl[b-42dlmzycfl]  .ps-4 {
	padding-left: 0 !important;
	padding-right: 1.5rem !important;
}
/* _content/PayliteNG/Pages/Pulse/SafeSpace.razor.rz.scp.css */
/* ===================== PAGE-SPECIFIC: SAFE SPACE ===================== */
.safespace-layout[b-jpgqgxhwp6] { display: grid; grid-template-columns: 300px 1fr; gap: 24px; max-width: 900px; margin: 0 auto; }
.category-btn[b-jpgqgxhwp6] { padding: 10px 20px; border-radius: 12px; border: 1.5px solid var(--gray-200); font-size: 14px; font-weight: 700; color: var(--gray-600); transition: all 0.2s; margin-right: 8px; margin-bottom: 8px; }
	.category-btn:hover[b-jpgqgxhwp6] { border-color: var(--gray-300); background: var(--gray-50); }
.category-btn-active[b-jpgqgxhwp6] { background: var(--gray-900); color: white; border-color: var(--gray-900); }
.success-screen[b-jpgqgxhwp6] { max-width: 480px; margin: 60px auto; text-align: center; }
.success-icon[b-jpgqgxhwp6] { width: 96px; height: 96px; background: var(--emerald-100); color: var(--emerald-600); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; margin: 0 auto 24px; animation: bounce 1s infinite; }
.case-id-box[b-jpgqgxhwp6] { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 16px; padding: 20px; margin-top: 20px; }
.case-id-number[b-jpgqgxhwp6] { font-family: monospace; font-size: 24px; font-weight: 700; color: var(--indigo-600); }

/* Chat Container & Elements */
.chat-container[b-jpgqgxhwp6] { border: 1px solid var(--gray-200); border-radius: 16px; display: flex; flex-direction: column; height: 380px; background: white; margin-top: 16px; overflow: hidden; }
.chat-header[b-jpgqgxhwp6] { padding: 12px 16px; background: white; border-bottom: 1px solid var(--gray-200); display: flex; justify-content: space-between; align-items: center; }
.chat-messages[b-jpgqgxhwp6] { flex: 1; padding: 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; background: var(--gray-50); }
.chat-bubble[b-jpgqgxhwp6] { max-width: 75%; padding: 12px 16px; border-radius: 16px; font-size: 13px; line-height: 1.5; word-break: break-word; position: relative; }
.chat-bubble-left[b-jpgqgxhwp6] { align-self: flex-start; background: white; border: 1px solid var(--gray-200); color: var(--gray-800); border-bottom-left-radius: 4px; }
.chat-bubble-right[b-jpgqgxhwp6] { align-self: flex-end; background: var(--indigo-600); color: white; border-bottom-right-radius: 4px; }
.chat-meta[b-jpgqgxhwp6] { font-size: 10px; color: var(--gray-400); margin-top: 4px; display: block; text-align: right; }
.chat-bubble-right .chat-meta[b-jpgqgxhwp6] { color: rgba(255, 255, 255, 0.7); }
.chat-input-container[b-jpgqgxhwp6] { padding: 12px; border-top: 1px solid var(--gray-200); display: flex; gap: 8px; background: white; align-items: center; }

/* Tab buttons */
.tab-btn[b-jpgqgxhwp6] { background: none; border: none; font-size: 15px; font-weight: 700; color: var(--gray-400); cursor: pointer; padding: 8px 16px; border-bottom: 2px solid transparent; transition: all 0.2s; outline: none; }
.tab-btn:hover[b-jpgqgxhwp6] { color: var(--gray-700); }
.tab-btn-active[b-jpgqgxhwp6] { color: var(--indigo-600); border-bottom-color: var(--indigo-600); }

.report-list-item[b-jpgqgxhwp6] { padding: 16px; border: 1px solid var(--gray-100); border-radius: 12px; transition: all 0.2s; cursor: pointer; }
.report-list-item:hover[b-jpgqgxhwp6] { border-color: var(--indigo-200); background: var(--gray-50); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.report-list-item.expanded[b-jpgqgxhwp6] { border-color: var(--indigo-400); background: white; cursor: default; }
.dashboard-report-item[b-jpgqgxhwp6] { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 8px; padding: 10px 14px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.2s; }
.dashboard-report-item:hover[b-jpgqgxhwp6] { background: white; border-color: var(--indigo-200); transform: translateX(2px); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
/* _content/PayliteNG/Pages/Pulse/ServiceDesk.razor.rz.scp.css */
/* ===================== PAGE-SPECIFIC: COMPANY FEED ===================== */
.feed-layout[b-swgq5gme4v] { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align-items: start; }
.create-post-card[b-swgq5gme4v] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 20px; margin-bottom: 20px; }
.create-post-input[b-swgq5gme4v] { width: 100%; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 16px; padding: 14px 16px; font-size: 14px; resize: none; outline: none; transition: all 0.15s; min-height: 80px; }
	.create-post-input:focus[b-swgq5gme4v] { border-color: var(--sky-300); box-shadow: 0 0 0 3px rgba(14,165,233,0.1); background: white; }
.post-actions-bar[b-swgq5gme4v] { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.post-action-btn[b-swgq5gme4v] { display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; font-size: 12px; font-weight: 700; color: var(--gray-500); transition: all 0.15s; }
	.post-action-btn:hover[b-swgq5gme4v] { background: var(--gray-100); color: var(--gray-700); }
	.post-action-btn i[b-swgq5gme4v] { color: var(--gray-400); transition: color 0.15s; }
	.post-action-btn:hover i[b-swgq5gme4v] { color: var(--sky-500); }

.filter-bar[b-swgq5gme4v] { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.filter-chip[b-swgq5gme4v] { padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; border: 1.5px solid var(--gray-200); color: var(--gray-500); transition: all 0.15s; }
	.filter-chip:hover[b-swgq5gme4v] { border-color: var(--gray-300); color: var(--gray-700); }
.filter-chip-active[b-swgq5gme4v] { background: var(--sky-500); color: white; border-color: var(--sky-500); }

.post-card[b-swgq5gme4v] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 20px; margin-bottom: 16px; transition: box-shadow 0.2s; }
	.post-card:hover[b-swgq5gme4v] { box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.post-header[b-swgq5gme4v] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.post-user[b-swgq5gme4v] { display: flex; align-items: center; gap: 10px; }
.post-user-name[b-swgq5gme4v] { font-size: 14px; font-weight: 700; color: var(--gray-900); }
.post-user-role[b-swgq5gme4v] { font-size: 11px; color: var(--gray-400); font-weight: 600; }
.post-time[b-swgq5gme4v] { font-size: 11px; color: var(--gray-400); font-weight: 600; }
.post-content[b-swgq5gme4v] { font-size: 14px; color: var(--gray-700); line-height: 1.6; margin-bottom: 14px; }
.post-image[b-swgq5gme4v] { width: 100%; border-radius: 16px; margin-bottom: 14px; max-height: 300px; object-fit: cover; }

.reactions-bar[b-swgq5gme4v] { display: flex; align-items: center; gap: 6px; padding: 10px 0; border-top: 1px solid var(--gray-100); border-bottom: 1px solid var(--gray-100); margin-bottom: 12px; flex-wrap: wrap; }
.reaction-btn[b-swgq5gme4v] { display: flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 20px; font-size: 13px; font-weight: 600; color: var(--gray-500); transition: all 0.15s; }
	.reaction-btn:hover[b-swgq5gme4v] { background: var(--gray-100); }
.reaction-btn-active[b-swgq5gme4v] { background: var(--indigo-50); color: var(--indigo-600); }

.comments-section[b-swgq5gme4v] { margin-top: 12px; }
.comment-item[b-swgq5gme4v] { display: flex; gap: 10px; margin-bottom: 10px; }
.comment-bubble[b-swgq5gme4v] { background: var(--gray-50); border-radius: 14px; padding: 10px 14px; flex: 1; }
.comment-author[b-swgq5gme4v] { font-size: 12px; font-weight: 700; color: var(--gray-900); margin-bottom: 2px; }
.comment-text[b-swgq5gme4v] { font-size: 13px; color: var(--gray-600); }
.comment-input-row[b-swgq5gme4v] { display: flex; gap: 10px; align-items: flex-end; margin-top: 10px; }
.comment-input[b-swgq5gme4v] { flex: 1; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 14px; padding: 10px 14px; font-size: 13px; outline: none; resize: none; }
	.comment-input:focus[b-swgq5gme4v] { border-color: var(--sky-300); background: white; }

.announcements-panel[b-swgq5gme4v] { background: white; border-radius: 24px; border: 1px solid var(--gray-100); padding: 20px; position: sticky; top: 80px; }
.announcement-item[b-swgq5gme4v] { padding: 14px 0; border-bottom: 1px solid var(--gray-100); }
	.announcement-item:last-child[b-swgq5gme4v] { border-bottom: none; }
.announcement-title[b-swgq5gme4v] { font-size: 13px; font-weight: 700; color: var(--gray-900); margin-bottom: 4px; }
.announcement-content[b-swgq5gme4v] { font-size: 12px; color: var(--gray-500); line-height: 1.5; margin-bottom: 8px; font-style: italic; }
.announcement-meta[b-swgq5gme4v] { display: flex; align-items: center; justify-content: space-between; }

/* ===================== PAGE-SPECIFIC: WELLBEING ===================== */
.wellbeing-layout[b-swgq5gme4v] { display: grid; grid-template-columns: 1fr 360px; gap: 24px; }
.mood-card[b-swgq5gme4v] { background: linear-gradient(135deg, var(--indigo-600), var(--indigo-800)); border-radius: 32px; padding: 32px; color: white; margin-bottom: 24px; }
.mood-emojis[b-swgq5gme4v] { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
.mood-emoji-btn[b-swgq5gme4v] { font-size: 36px; padding: 12px; border-radius: 50%; transition: all 0.2s; cursor: pointer; }
	.mood-emoji-btn:hover[b-swgq5gme4v] { transform: scale(1.2); background: rgba(255,255,255,0.1); }
.mood-emoji-btn-active[b-swgq5gme4v] { background: rgba(255,255,255,0.2); transform: scale(1.15); box-shadow: 0 0 0 3px rgba(255,255,255,0.3); }

.survey-card[b-swgq5gme4v] { background: white; border-radius: 32px; border: 1px solid var(--gray-100); overflow: hidden; }
.survey-header[b-swgq5gme4v] { background: linear-gradient(135deg, var(--indigo-900), var(--indigo-700)); padding: 28px 32px; color: white; }
.survey-body[b-swgq5gme4v] { padding: 32px; }
.survey-question[b-swgq5gme4v] { font-size: 20px; font-weight: 800; color: var(--gray-900); margin-bottom: 24px; line-height: 1.4; }
.survey-options[b-swgq5gme4v] { display: flex; flex-direction: column; gap: 10px; }
.survey-option-btn[b-swgq5gme4v] { padding: 14px 20px; border-radius: 14px; border: 2px solid var(--gray-200); font-size: 14px; font-weight: 600; color: var(--gray-700); text-align: left; transition: all 0.15s; }
	.survey-option-btn:hover[b-swgq5gme4v] { border-color: var(--indigo-300); background: var(--indigo-50); color: var(--indigo-700); }
.rating-scale[b-swgq5gme4v] { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.rating-btn[b-swgq5gme4v] { width: 48px; height: 48px; border-radius: 12px; border: 2px solid var(--gray-200); font-size: 16px; font-weight: 800; color: var(--gray-600); transition: all 0.15s; }
	.rating-btn:hover[b-swgq5gme4v] { border-color: var(--indigo-400); background: var(--indigo-50); color: var(--indigo-600); }

.event-card[b-swgq5gme4v] { background: white; border-radius: 20px; border: 1px solid var(--gray-100); overflow: hidden; margin-bottom: 14px; transition: box-shadow 0.2s; }
	.event-card:hover[b-swgq5gme4v] { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.event-image[b-swgq5gme4v] { width: 100%; height: 140px; object-fit: cover; }
.event-body[b-swgq5gme4v] { padding: 16px; }
.event-title[b-swgq5gme4v] { font-size: 15px; font-weight: 800; color: var(--gray-900); margin-bottom: 6px; }
.event-meta[b-swgq5gme4v] { display: flex; gap: 12px; font-size: 12px; color: var(--gray-500); font-weight: 600; margin-bottom: 12px; }
.rsvp-buttons[b-swgq5gme4v] { display: flex; gap: 6px; }
.rsvp-btn[b-swgq5gme4v] { padding: 6px 14px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; border: 1.5px solid var(--gray-200); color: var(--gray-500); transition: all 0.15s; }
	.rsvp-btn:hover[b-swgq5gme4v] { border-color: var(--gray-300); }
.rsvp-attending[b-swgq5gme4v] { background: var(--emerald-500); color: white; border-color: var(--emerald-500); }
.rsvp-maybe[b-swgq5gme4v] { background: var(--amber-400); color: white; border-color: var(--amber-400); }
.rsvp-declined[b-swgq5gme4v] { background: var(--rose-500); color: white; border-color: var(--rose-500); }

/* ===================== PAGE-SPECIFIC: SAFE SPACE ===================== */
.safespace-layout[b-swgq5gme4v] { display: grid; grid-template-columns: 300px 1fr; gap: 24px; max-width: 900px; margin: 0 auto; }
.category-btn[b-swgq5gme4v] { padding: 10px 20px; border-radius: 12px; border: 1.5px solid var(--gray-200); font-size: 14px; font-weight: 700; color: var(--gray-600); transition: all 0.2s; margin-right: 8px; margin-bottom: 8px; }
	.category-btn:hover[b-swgq5gme4v] { border-color: var(--gray-300); background: var(--gray-50); }
.category-btn-active[b-swgq5gme4v] { background: var(--gray-900); color: white; border-color: var(--gray-900); }
.success-screen[b-swgq5gme4v] { max-width: 480px; margin: 60px auto; text-align: center; }
.success-icon[b-swgq5gme4v] { width: 96px; height: 96px; background: var(--emerald-100); color: var(--emerald-600); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; margin: 0 auto 24px; animation: bounce 1s infinite; }
.case-id-box[b-swgq5gme4v] { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 16px; padding: 20px; margin-top: 20px; }
.case-id-number[b-swgq5gme4v] { font-family: monospace; font-size: 24px; font-weight: 700; color: var(--indigo-600); }

/* ===================== PAGE-SPECIFIC: SERVICE DESK ===================== */
.sub-tab-bar[b-swgq5gme4v] { /*display: flex;*/ gap: 6px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 24px; }
.sub-tab-btn[b-swgq5gme4v] { padding: 8px 18px; border-radius: 20px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray-500); border: 1.5px solid transparent; white-space: nowrap; transition: all 0.15s; }
	.sub-tab-btn:hover[b-swgq5gme4v] { color: var(--gray-700); background: var(--gray-100); }
.sub-tab-btn-active[b-swgq5gme4v] { background: var(--indigo-600); color: white; }

.profile-modal[b-swgq5gme4v] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 2000; }
.profile-card-edit[b-swgq5gme4v] { background: white; width: 100%; max-width: 400px; border-radius: 32px; padding: 32px; box-shadow: 0 30px 60px rgba(0,0,0,0.12); animation: modalScale-b-swgq5gme4v 0.3s ease-out; text-align: center; }
@keyframes modalScale-b-swgq5gme4v {
	from { transform: scale(0.95); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

/* ===================== PAGE-SPECIFIC: COMMAND CENTER ===================== */
.heatmap-cell[b-swgq5gme4v] { width: 100%; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }
.heatmap-green-dark[b-swgq5gme4v] { background: var(--emerald-500); color: white; }
.heatmap-green[b-swgq5gme4v] { background: var(--emerald-400); color: white; }
.heatmap-amber[b-swgq5gme4v] { background: var(--amber-400); color: var(--gray-800); }
.heatmap-red[b-swgq5gme4v] { background: var(--rose-500); color: white; }

.metric-grid[b-swgq5gme4v] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 12px 0; }
.metric-card[b-swgq5gme4v] { background: white; border-radius: 20px; border: 1px solid var(--gray-100); padding: 24px; transition: all 0.3s ease; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.metric-card-active[b-swgq5gme4v] {
	border: 2px solid var(--gray-900);
	box-shadow: 0 10px 30px rgba(79, 70, 229, 0.08);
}
.metric-category[b-swgq5gme4v] { font-size: 10px; font-weight: 800; color: var(--gray-400); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 2px; }
.metric-label[b-swgq5gme4v] { font-size: 18px; font-weight: 900; color: var(--gray-900); }
.metric-desc[b-swgq5gme4v] { font-size: 13px; color: var(--gray-500); margin-top: 12px; line-height: 1.5; flex-grow: 1; }
.sample-q-box[b-swgq5gme4v] { background: var(--gray-50); border: 1px solid var(--gray-100); border-radius: 12px; padding: 12px; margin-top: 16px; font-size: 12px; color: var(--gray-600); font-style: italic; }
.custom-metric-card[b-swgq5gme4v] { background: white; border-radius: 24px; border: 2px dashed var(--gray-200); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; cursor: pointer; transition: all 0.2s; color: var(--gray-400); }
	.custom-metric-card:hover[b-swgq5gme4v] { border-color: var(--indigo-300); background: var(--indigo-50); color: var(--indigo-600); }
.icon-picker[b-swgq5gme4v] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 16px; }
.icon-choice[b-swgq5gme4v] { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--gray-50); border-radius: 10px; cursor: pointer; transition: all 0.2s; border: 2px solid transparent; }
	.icon-choice:hover[b-swgq5gme4v] { background: var(--indigo-50); color: var(--indigo-600); }
.icon-choice-active[b-swgq5gme4v] { background: var(--indigo-600) !important; color: white !important; border-color: var(--indigo-200); }

/* ===================== FILE UPLOAD STYLES ===================== */
.file-upload-wrapper[b-swgq5gme4v] {
	position: relative;
	width: 100%;
	height: 120px;
	border: 2px dashed var(--gray-300);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: var(--gray-50);
}

.file-upload-wrapper:hover[b-swgq5gme4v] {
	border-color: var(--indigo-400);
	background-color: var(--indigo-50);
}

.file-upload-input[b-swgq5gme4v] {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.file-upload-label[b-swgq5gme4v] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: var(--gray-500);
	font-weight: 700;
	text-align: center;
	transition: all 0.2s ease;
}

.file-upload-wrapper:hover .file-upload-label[b-swgq5gme4v] {
	color: var(--indigo-600);
}

.file-upload-label i[b-swgq5gme4v] {
	font-size: 32px;
	margin-bottom: 12px;
	color: var(--gray-400);
	transition: all 0.2s ease;
}

.file-upload-wrapper:hover .file-upload-label i[b-swgq5gme4v] {
	color: var(--indigo-500);
}

.animate-slideInRight[b-swgq5gme4v] {
	animation: slideInRight-b-swgq5gme4v 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}


@keyframes slideInRight-b-swgq5gme4v {
	from { transform: translateX(100%); }
	to { transform: translateX(0); }
}

@media (max-width: 900px) {
	.sub-tab-bar[b-swgq5gme4v] {
		flex-wrap: wrap;
	}

	.profile-card-edit[b-swgq5gme4v] {
		max-width: calc(100vw - 24px);
	}

	.search-bar[b-swgq5gme4v] {
		min-width: 0;
	}
}
/* _content/PayliteNG/Pages/Pulse/Wellbeing.razor.rz.scp.css */
/* ===================== PAGE-SPECIFIC: WELLBEING ===================== */
.wellbeing-layout[b-qmrzjyvrd5] { display: grid; grid-template-columns: 1fr 360px; gap: 24px; }
.mood-card[b-qmrzjyvrd5] { 
   background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); 
	border-radius: 24px; 
	padding: 18px 20px; 
  color: #334155; 
    margin-bottom: 14px; 
	position: relative;
	overflow: hidden;
 box-shadow: 0 10px 24px -16px rgba(15, 23, 42, 0.25);
	border: 1px solid #e2e8f0;
}
.mood-card[b-qmrzjyvrd5]::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
    background: radial-gradient(circle, rgba(148,163,184,0.14) 0%, transparent 60%);
	pointer-events: none;
}
.mood-header-icon[b-qmrzjyvrd5] {
    width: 28px;
	height: 28px;
	flex: 0 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
    font-size: 22px;
	font-weight: 900;
    color: #f59e0b;
	text-shadow: none;
}
.mood-emojis[b-qmrzjyvrd5] { display: flex; justify-content: space-between; gap: 12px; margin-top: 6px; margin-bottom: 6px; }
.mood-emoji-btn[b-qmrzjyvrd5] { 
	flex: 1;
	aspect-ratio: 1;
   font-size: 44px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	border: none;
	backdrop-filter: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
	cursor: pointer; 
	display: flex;
	align-items: center;
	justify-content: center;
   color: #64748b;
   box-shadow: none;
   line-height: 1;
}
.mood-emoji-btn:hover[b-qmrzjyvrd5] { 
   transform: translateY(-8px) scale(1.04); 
  background: transparent; 
	border-color: transparent;
	box-shadow: none;
}
.mood-emoji-btn-active[b-qmrzjyvrd5] { 
  background: transparent !important; 
	color: inherit !important;
	transform: scale(1.12) translateY(-4px); 
	box-shadow: none;
	border: none;
}
.mood-emoji-btn i[b-qmrzjyvrd5] {
    font-size: 44px;
	line-height: 1;
  transition: color 0.25s ease, filter 0.25s ease, transform 0.25s ease, text-shadow 0.25s ease;
   filter: none;
   opacity: 1;
	text-shadow: none;
}

.mood-emoji-btn:hover i[b-qmrzjyvrd5],
.mood-emoji-btn-active i[b-qmrzjyvrd5] {
	filter: none;
   opacity: 1;
	animation: moodEmojiBounce-b-qmrzjyvrd5 0.6s ease;
}

.mood-emoji-btn:nth-child(1):hover i[b-qmrzjyvrd5] { color: #f97316; }
.mood-emoji-btn:nth-child(2):hover i[b-qmrzjyvrd5] { color: #facc15; }
.mood-emoji-btn:nth-child(3):hover i[b-qmrzjyvrd5] { color: #22c55e; }
.mood-emoji-btn:nth-child(4):hover i[b-qmrzjyvrd5] { color: #3b82f6; }
.mood-emoji-btn:nth-child(5):hover i[b-qmrzjyvrd5] { color: #a855f7; }

.mood-emoji-btn:nth-child(1):hover i[b-qmrzjyvrd5] { text-shadow: 0 0 14px rgba(249,115,22,0.45); }
.mood-emoji-btn:nth-child(2):hover i[b-qmrzjyvrd5] { text-shadow: 0 0 14px rgba(250,204,21,0.45); }
.mood-emoji-btn:nth-child(3):hover i[b-qmrzjyvrd5] { text-shadow: 0 0 14px rgba(34,197,94,0.45); }
.mood-emoji-btn:nth-child(4):hover i[b-qmrzjyvrd5] { text-shadow: 0 0 14px rgba(59,130,246,0.45); }
.mood-emoji-btn:nth-child(5):hover i[b-qmrzjyvrd5] { text-shadow: 0 0 14px rgba(168,85,247,0.45); }

.mood-emoji-btn:nth-child(1).mood-emoji-btn-active i[b-qmrzjyvrd5] { color: #f97316; text-shadow: 0 0 14px rgba(249,115,22,0.45); }
.mood-emoji-btn:nth-child(2).mood-emoji-btn-active i[b-qmrzjyvrd5] { color: #facc15; text-shadow: 0 0 14px rgba(250,204,21,0.45); }
.mood-emoji-btn:nth-child(3).mood-emoji-btn-active i[b-qmrzjyvrd5] { color: #22c55e; text-shadow: 0 0 14px rgba(34,197,94,0.45); }
.mood-emoji-btn:nth-child(4).mood-emoji-btn-active i[b-qmrzjyvrd5] { color: #3b82f6; text-shadow: 0 0 14px rgba(59,130,246,0.45); }
.mood-emoji-btn:nth-child(5).mood-emoji-btn-active i[b-qmrzjyvrd5] { color: #a855f7; text-shadow: 0 0 14px rgba(168,85,247,0.45); }

@keyframes moodEmojiBounce-b-qmrzjyvrd5 {
	0%, 100% { transform: translateY(0) scale(1); }
	40% { transform: translateY(-10px) scale(1.08); }
	70% { transform: translateY(0) scale(1.02); }
}

.survey-card[b-qmrzjyvrd5] { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border-radius: 24px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 10px 24px -16px rgba(15, 23, 42, 0.25); }
.survey-header[b-qmrzjyvrd5] { background: transparent; padding: 18px 20px 8px; color: #334155; }
.survey-topline[b-qmrzjyvrd5] { display: flex; align-items: center; gap: 12px; }
.survey-header-icon[b-qmrzjyvrd5] { width: 28px; height: 28px; flex: 0 0 28px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #64748b; }
.survey-title[b-qmrzjyvrd5] { font-size: 18px; font-weight: 900; color: #334155; }
.survey-subtitle[b-qmrzjyvrd5] { font-size: 12px; opacity: 0.7; color: #64748b; font-weight: 600; }
.survey-progress-track[b-qmrzjyvrd5] { height: 8px; background: #e2e8f0; border-radius: 999px; margin-top: 12px; overflow: hidden; }
.survey-body[b-qmrzjyvrd5] { padding: 12px 20px 20px; }
.survey-question[b-qmrzjyvrd5] { font-size: 20px; font-weight: 800; color: var(--gray-900); margin-bottom: 18px; line-height: 1.4; }
.survey-options[b-qmrzjyvrd5] { display: flex; flex-direction: column; gap: 10px; }
.survey-option-btn[b-qmrzjyvrd5] { padding: 14px 20px; border-radius: 14px; border: 2px solid var(--gray-200); font-size: 14px; font-weight: 600; color: var(--gray-700); text-align: left; transition: all 0.15s; background: white; }
	.survey-option-btn:hover[b-qmrzjyvrd5] { border-color: var(--indigo-300); background: #eff6ff; color: var(--indigo-700); }
.rating-scale[b-qmrzjyvrd5] { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.rating-btn[b-qmrzjyvrd5] { width: 180px; height: 38px; border-radius: 12px; border: 2px solid var(--gray-200); font-size: 16px; font-weight: 800; color: var(--gray-600); transition: all 0.15s; background: white; }
	.rating-btn:hover[b-qmrzjyvrd5] { border-color: var(--indigo-400); background: #eff6ff; color: var(--indigo-600); }
.rating-scale-rating .rating-btn-rating.rating-value-5[b-qmrzjyvrd5] { border-color: #fecaca; background: #fee2e2; color: #991b1b; }
.rating-scale-rating .rating-btn-rating.rating-value-4[b-qmrzjyvrd5] { width: 120px; border-color: #fca5a5; background: #fecaca; color: #b91c1c; }
.rating-scale-rating .rating-btn-rating.rating-value-3[b-qmrzjyvrd5] { width: 120px; border-color: #fcd34d; background: #fde68a; color: #92400e; }
.rating-scale-rating .rating-btn-rating.rating-value-2[b-qmrzjyvrd5] { width: 120px; border-color: #86efac; background: #dcfce7; color: #166534; }
.rating-scale-rating .rating-btn-rating.rating-value-1[b-qmrzjyvrd5] { border-color: #4ade80; background: #bbf7d0; color: #14532d; }
.nps-btn[b-qmrzjyvrd5] { width: 48px; height: 48px; border-radius: 12px; border: 2px solid var(--gray-200); font-size: 16px; font-weight: 800; color: var(--gray-600); transition: all 0.15s; background: white; }
	.nps-btn:hover[b-qmrzjyvrd5] { border-color: var(--indigo-400); background: #eff6ff; color: var(--indigo-600); }
.rating-scale-nps .rating-btn-nps.rating-value-0[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-1[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-2[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-3[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-4[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-5[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-6[b-qmrzjyvrd5] { border-color: #fecaca; background: #fee2e2; color: #991b1b; }
.rating-scale-nps .rating-btn-nps.rating-value-7[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-8[b-qmrzjyvrd5] { border-color: #fcd34d; background: #fde68a; color: #92400e; }
.rating-scale-nps .rating-btn-nps.rating-value-9[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps.rating-value-10[b-qmrzjyvrd5] { border-color: #86efac; background: #dcfce7; color: #166534; }
.rating-scale-rating .rating-btn-rating:hover[b-qmrzjyvrd5],
.rating-scale-nps .rating-btn-nps:hover[b-qmrzjyvrd5] { transform: translateY(-2px); box-shadow: 0 8px 18px -10px rgba(15,23,42,0.35); }
.survey-actions[b-qmrzjyvrd5] { margin-top: 12px; display: flex; gap: 10px; }
.survey-skip-row[b-qmrzjyvrd5] { display: flex; justify-content: flex-start; margin-top: 12px; }
.survey-skip-btn[b-qmrzjyvrd5] {
   flex: 0 0 auto;
	width: 50px;
	min-width: 50px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
    padding: 0 16px;
	color: var(--gray-500);
}

.event-card[b-qmrzjyvrd5] { background: white; border-radius: 20px; border: 1px solid var(--gray-100); overflow: hidden; margin-bottom: 14px; transition: box-shadow 0.2s; }
	.event-card:hover[b-qmrzjyvrd5] { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.event-image[b-qmrzjyvrd5] { width: 100%; height: 140px; object-fit: cover; }
.event-body[b-qmrzjyvrd5] { padding: 16px; }
.event-title[b-qmrzjyvrd5] { font-size: 15px; font-weight: 800; color: var(--gray-900); margin-bottom: 6px; }
.event-meta[b-qmrzjyvrd5] { display: flex; gap: 12px; font-size: 12px; color: var(--gray-500); font-weight: 600; margin-bottom: 12px; }
.rsvp-buttons[b-qmrzjyvrd5] { display: flex; gap: 6px; }
.rsvp-btn[b-qmrzjyvrd5] { padding: 6px 14px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; border: 1.5px solid var(--gray-200); color: var(--gray-500); transition: all 0.15s; }
	.rsvp-btn:hover[b-qmrzjyvrd5] { border-color: var(--gray-300); }

/* Event Details Popup */
.event-popup-box[b-qmrzjyvrd5] { background: white; border-radius: 40px; width: 100%; max-width: 500px; overflow: hidden; position: relative; box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.25); }

.event-popup-header[b-qmrzjyvrd5] { height: 180px; background-size: cover; background-position: center; position: relative; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }

.event-popup-card[b-qmrzjyvrd5] { position: relative; margin-top: -60px; background: white; border-radius: 40px; padding: 32px; }

.event-popup-close[b-qmrzjyvrd5] { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; border: none; transition: background 0.2s; }

	.event-popup-close:hover[b-qmrzjyvrd5] { background: rgba(255, 255, 255, 0.3); }

.event-date-pill[b-qmrzjyvrd5] { position: absolute; top: -40px; right: 32px; background: white; padding: 12px 18px; border-radius: 18px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); text-align: center; min-width: 70px; }

.date-month[b-qmrzjyvrd5] { font-size: 10px; font-weight: 800; color: #4f46e5; margin-bottom: 2px; }

.date-day[b-qmrzjyvrd5] { font-size: 24px; font-weight: 900; color: #1e1b4b; }

.event-popup-title[b-qmrzjyvrd5] { font-size: 24px; font-weight: 900; color: #1e1b4b; margin-bottom: 8px; }

.event-popup-meta[b-qmrzjyvrd5] { display: flex; align-items: center; gap: 8px; color: #64748b; font-size: 14px; font-weight: 600; margin-bottom: 24px; }

	.event-popup-meta i[b-qmrzjyvrd5] { color: #4f46e5; }

.event-popup-location-box[b-qmrzjyvrd5] { background: #f8fafc; border-radius: 20px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }

.location-icon[b-qmrzjyvrd5] { width: 44px; height: 44px; background: #e0e7ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #4f46e5; font-size: 16px; }

.location-label[b-qmrzjyvrd5] { font-size: 10px; font-weight: 800; color: #94a3b8; letter-spacing: 0.05em; }

.location-value[b-qmrzjyvrd5] { font-size: 15px; font-weight: 700; color: #1e1b4b; }

.event-popup-section[b-qmrzjyvrd5] { margin-bottom: 28px; }

.section-label[b-qmrzjyvrd5] { font-size: 11px; font-weight: 900; color: #1e1b4b; letter-spacing: 0.1em; margin-bottom: 12px; }

.section-text[b-qmrzjyvrd5] { font-size: 14px; line-height: 1.6; color: #64748b; font-weight: 500; }

.event-popup-response-section[b-qmrzjyvrd5] { border-top: 1px solid #f1f5f9; padding-top: 24px; margin-bottom: 24px; }

.response-label[b-qmrzjyvrd5] { font-size: 10px; font-weight: 900; color: #94a3b8; text-align: center; letter-spacing: 0.1em; margin-bottom: 16px; }

.response-group[b-qmrzjyvrd5] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }

.response-btn[b-qmrzjyvrd5] { border: none; background: #f8fafc; border-radius: 16px; padding: 14px 8px; display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; transition: all 0.2s; }

.response-icon[b-qmrzjyvrd5] { font-size: 18px; color: #cbd5e1; }

.response-text[b-qmrzjyvrd5] { font-size: 10px; font-weight: 800; color: #94a3b8; }

.response-btn:hover[b-qmrzjyvrd5] { background: #f1f5f9; }

.active-attending[b-qmrzjyvrd5] { background: #ecfdf5 !important; }

	.active-attending .response-icon[b-qmrzjyvrd5] { color: #10b981; }

	.active-attending .response-text[b-qmrzjyvrd5] { color: #059669; }

.active-maybe[b-qmrzjyvrd5] { background: #fffbeb !important; }

	.active-maybe .response-icon[b-qmrzjyvrd5] { color: #f59e0b; }

	.active-maybe .response-text[b-qmrzjyvrd5] { color: #d97706; }

.active-declined[b-qmrzjyvrd5] { background: #fff1f2 !important; }

	.active-declined .response-icon[b-qmrzjyvrd5] { color: #f43f5e; }

	.active-declined .response-text[b-qmrzjyvrd5] { color: #e11d48; }

.btn-calendar[b-qmrzjyvrd5] { width: 100%; background: #eef2ff; color: #4f46e5; border: none; padding: 14px; border-radius: 14px; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s; cursor: pointer; }

	.btn-calendar:hover[b-qmrzjyvrd5] { background: #e0e7ff; transform: translateY(-2px); }

.event-pdf-link[b-qmrzjyvrd5] { 
	display: flex; 
	align-items: center; 
	gap: 12px; 
	background: #f1f5f9; 
	border-radius: 12px; 
	padding: 12px 16px; 
	color: #475569; 
	text-decoration: none; 
	font-size: 14px; 
	font-weight: 700; 
	transition: all 0.2s;
	border: 1px solid #e2e8f0;
}
.event-pdf-link:hover[b-qmrzjyvrd5] { background: #e2e8f0; color: #1e293b; transform: translateX(4px); }
.event-pdf-link i.fa-file-pdf[b-qmrzjyvrd5] { color: #e11d48; font-size: 18px; }
/* _content/PayliteNG/Pages/RMS/ComposeOffer.razor.rz.scp.css */

/* _content/PayliteNG/Pages/RMS/DynamicJobBoard.razor.rz.scp.css */
/* =========================
   GLOBAL LOCK (VERY IMPORTANT)
   ========================= */


/* Disable ALL clicks when tour is active */
/*body.tour-active *:not(.tour-tooltip):not(.tour-tooltip *) {
    pointer-events: none !important;
}*/

/* Allow tooltip interaction */
body.tour-active .tour-tooltip[b-kguz67j6vb] {
    pointer-events: auto !important;
}

/* OPTIONAL: allow highlighted element clickable */
/* Remove this block if you want full lock */
body.tour-active .tour-highlight[b-kguz67j6vb] {
    pointer-events: auto !important;
}


/* =========================
   OVERLAY
   ========================= */

.tour-overlay[b-kguz67j6vb] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.3);
    z-index: 9998;
    pointer-events: all;
    backdrop-filter: blur(1px); /* modern blur effect */

}


/* =========================
   TOOLTIP
   ========================= */

/*.tour-tooltip {
    position: fixed;
    z-index: 10000;
    width: 260px;
    background: #fff;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    animation: fadeIn 0.3s ease;
    margin-top: 7px;
}*/
.tour-tooltip[b-kguz67j6vb] {
    position: fixed;
    z-index: 10000;
    width: 360px;
    background: #fff;
    border-radius: 205px 160px 244px 200px;
    padding: 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.45);
    animation: fadeIn-b-kguz67j6vb 0.3s ease;
    margin-top: 10px;
    border: solid #2d7df6;
    border-width: 2px 4px 7px 3px;
}

/* Header */
/*.tour-header {
    background: #4a4a4a;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 8px 8px 0 0;
}*/
.tour-header[b-kguz67j6vb] {
    border-radius: 192px 221px 0 0;
    margin: 0 25px;
    padding-bottom: 12px;
    text-align: center;
    color: #2d7df6;
    font-size: 16px;
}

/* Content */
/*.tour-content {
    margin: 12px;
    padding: 10px;
    border: 2px solid #2d7df6;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}*/
.tour-content[b-kguz67j6vb] {
    margin: 30px 30px 20px 52px;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

/* Actions */
/*.tour-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 12px 12px;
}*/
.tour-actions[b-kguz67j6vb] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px 12px;
    
}

/* =========================
   ARROW
   ========================= */

/*.tour-arrow {
    position: absolute;
    top: -6px;
    left: calc(50% - 12px);
    width: 12px;
    height: 12px;
    background: #4a4a4a;
    transform: rotate(45deg);
}*/

.tour-arrow[b-kguz67j6vb] {
    position: absolute;
    top: -15px;
    left: calc(50% - 25px);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #2d84f6;
}
/* =========================
   HIGHLIGHT ELEMENT
   ========================= */



.tour-highlight[b-kguz67j6vb] {
    outline: 3px solid #ff9800;
    border-radius: 5px;
    position: relative;
    z-index: 10001 !important;
    animation: pulse-b-kguz67j6vb 1.2s infinite;
}


/* =========================
   TAB HIGHLIGHT
   ========================= */

/*.highlight-tab {
    position: relative;
    z-index: 10000 !important;
    background: #fff !important;
    border-radius: 6px;
    box-shadow: 0 0 0 4px #fff, 0 0 15px rgba(45,125,246,0.9), 0 0 30px rgba(45,125,246,0.6);
    transform: scale(1.05);
    border-bottom: 3px solid #ff9800;
}*/

.highlight-tab[b-kguz67j6vb] {
    position: relative;
    z-index: 10002 !important; /* above tooltip + overlay */
    background: #fff !important;
    border-radius: 6px;
    /* Strong glow */
    box-shadow: 0 0 0 4px #fff, 0 0 20px rgba(45,125,246,1), 0 0 40px rgba(45,125,246,0.8);
    transform: scale(1.1);
    border-bottom: 4px solid #ff9800;
}


/* =========================
   ANIMATIONS
   ========================= */

@keyframes fadeIn-b-kguz67j6vb {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-b-kguz67j6vb {
    0% {
        box-shadow: 0 0 0 0 rgba(255,152,0, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255,152,0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,152,0, 0);
    }
}




/* _content/PayliteNG/Pages/RMS/EmployeeExternalDetail.razor.rz.scp.css */


.Vacency_JD_Models .card[b-s9loauewx0] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #f9fbff;
}

    .Vacency_JD_Models .card:hover[b-s9loauewx0] {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    }

.Vacency_JD_Models h6[b-s9loauewx0] {
    font-size: 0.7rem;
    text-transform: capitalize;
}

.Vacency_JD_Models .badge[b-s9loauewx0] {
    font-size: 0.7rem;
}




.bottom-cta[b-s9loauewx0] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 15px 10px;
    z-index: 100;
    border-top: 1px solid #eee;
    display: flex; /* FIX */
    justify-content: flex-end; /* FIX */
    gap: 15px; /* OPTIONAL */
}












.action-col[b-s9loauewx0] {
    width: 80px;
}

/*.txt-star {
    color: #dc2626;
}*/
/* _content/PayliteNG/Pages/RMS/InterviewFeedback.razor.rz.scp.css */
/* =========================
   Common Utilities
========================= */

.txt-star[b-5begfnhi8c] {
    color: #ef4444;
}

/* Prevent scroll for animation container */
/*.no-scroll-container {
    overflow: hidden ;
}

    .no-scroll-container::-webkit-scrollbar {
        display: none;
    }

.no-scroll-container {
    scrollbar-width: none;
}*/
.no-scroll-container[b-5begfnhi8c] {
    height: 100%;
}
.scrollable-content[b-5begfnhi8c] {
    height: 100%;
    max-height: calc(100vh - 120px); /* header + buttons */
    overflow-y: auto;
    padding-bottom: 20px;
}


/* Animation container: NO scrolling */
/*.no-scroll-container {
    height: 100vh;
    overflow: hidden;
}*/

/* Inner scrollable content */
/*.scrollable-content {
    height: 100%;
    overflow-y: auto;
}*/
.skills-table[b-5begfnhi8c] {
    table-layout: fixed;
}
.skills-table-wrapper[b-5begfnhi8c] {
    overflow: visible;
    max-height: none;
}
.add-skill-section[b-5begfnhi8c] {
    margin-top: 24px; /* adjust: 16px / 24px / 32px */
}


/*.skills-table-wrapper {
    max-height: 140px;
    overflow-y: auto;
}*/

    /* Hide scrollbar (optional cosmetic) */
    .scrollable-content[b-5begfnhi8c]::-webkit-scrollbar {
        width: 6px;
    }

    .scrollable-content[b-5begfnhi8c]::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
        border-radius: 4px;
    }

/* Firefox */
.scrollable-content[b-5begfnhi8c] {
    scrollbar-width: thin;
}


/* =========================
   Status Badges
========================= */

.status-badge[b-5begfnhi8c],
.status-badge-action[b-5begfnhi8c] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.status-badge[b-5begfnhi8c] {
    padding: 4px 14px;
    border-radius: 20px;
    color: #fff;
}

.status-badge-action[b-5begfnhi8c] {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 12px;
}

/* Status colors */
.status-pending[b-5begfnhi8c] {
    background-color: #ff9800;
}
.status-pending-txt[b-5begfnhi8c] {
    background-color: #ff9800;
}
.status-rejected[b-5begfnhi8c] {
    background-color: #f44336;
}
.status-rejected-txt[b-5begfnhi8c] {
    background-color: #f44336;
}
.status-completed[b-5begfnhi8c] {
    background-color: #4caf50;
}
.status-completed-txt[b-5begfnhi8c] {
    color: #4caf50
}
.status-scheduled[b-5begfnhi8c] {
    background-color: #2196f3;
}
.status-scheduled-txt[b-5begfnhi8c] {
    color: #2196f3
}

.status-unknown[b-5begfnhi8c] {
    background-color: #9e9e9e;
}

/* =========================
   Skills Wrapper
========================= */

.skills-wrapper[b-5begfnhi8c] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    margin-top: 12px;
}

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

.skills-header-lite[b-5begfnhi8c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb;
    background: #fafafa;
}

/* =========================
   Table Scroll Wrapper (IMPORTANT)
========================= */

/*.skills-table-wrapper {
    max-height: 200px;
    overflow-y: auto;
}*/

.skills-table-wrapper[b-5begfnhi8c] {
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}


/* =========================
   Table Layout
========================= */

.skills-table[b-5begfnhi8c] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    /* Sticky Header */
    .skills-table thead th[b-5begfnhi8c] {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #fafafa;
        font-size: 12.5px;
        color: #6b7280;
        border-bottom: 1px solid #e5e7eb;
        padding: 10px;
    }

    /* Table cells */
    .skills-table td[b-5begfnhi8c] {
        padding: 12px;
        vertical-align: middle;
    }

    /* Row hover */
    .skills-table tbody tr:hover[b-5begfnhi8c] {
        background: #f9fafb;
    }

/* =========================
   Radio Buttons
========================= */

.compact-radio .k-radio-list[b-5begfnhi8c] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}

.compact-radio label[b-5begfnhi8c] {
    font-size: 9px;
    white-space: nowrap;
}

/* =========================
   Scrollbar
========================= */

.skills-table-wrapper[b-5begfnhi8c]::-webkit-scrollbar {
    width: 5px;
}

.skills-table-wrapper[b-5begfnhi8c]::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
}

/*.skills-table-wrapper {
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}*/

/* Match Telerik TextBox look */
.telerik-span[b-5begfnhi8c] {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 5px 12px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 14px;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}







/*.rating {
    display: flex;
    gap: 5px;
}

.star {
    font-size: 24px;
    color: #ccc;*/ /* gray for unselected */
    /*cursor: pointer;
    transition: color 0.2s;
}

    .star.filled {
        color: gold;*/ /* only selected star is gold */
    /*}*/





/* Table polish */
/* Table structure */
.weightage-table .table th[b-5begfnhi8c] {
    font-weight: 600;
    color: #555;
    vertical-align: middle;
}

.weightage-table .table td[b-5begfnhi8c] {
    vertical-align: middle;
}

/* Proficiency column */
.weightage-table .rating-cell[b-5begfnhi8c] {
    text-align: center;
    white-space: nowrap;
}

/* Rating stars */
.weightage-table .rating[b-5begfnhi8c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px; /* matches textbox height */
}

.weightage-table .star[b-5begfnhi8c] {
    font-size: 20px;
    line-height: 1;
    color: #d0d0d0;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.15s ease;
}

    .weightage-table .star.filled[b-5begfnhi8c] {
        color: #ffc107; /* Gold */
    }

    /* Subtle hover (visual only) */
    .weightage-table .star:hover[b-5begfnhi8c] {
        transform: scale(1.15);
    }

/* Remarks textbox (SCOPED correctly) */
.weightage-table .k-textbox[b-5begfnhi8c],
.weightage-table input[type="text"][b-5begfnhi8c] {
    height: 34px;
    border-radius: 6px;
}

/* Final score row */
.weightage-table tfoot td[b-5begfnhi8c] {
    border-top: 1px solid #e5e5e5;
}

.weightage-table tfoot .text-success[b-5begfnhi8c] {
    font-size: 15px;
    font-weight: 600;
}




/* _content/PayliteNG/Pages/RMS/InterviewMail.razor.rz.scp.css */
/* =========================
   Common Utilities
========================= */

.txt-star[b-r0sda50w6n] {
    color: #ef4444;
}

/* Prevent scroll for animation container */
/*.no-scroll-container {
    overflow: hidden ;
}

    .no-scroll-container::-webkit-scrollbar {
        display: none;
    }

.no-scroll-container {
    scrollbar-width: none;
}*/
.no-scroll-container[b-r0sda50w6n] {
    height: 100%;
}

.scrollable-content[b-r0sda50w6n] {
    height: 100%;
    max-height: calc(100vh - 120px); /* header + buttons */
    overflow-y: auto;
    padding-bottom: 20px;
}


/* Animation container: NO scrolling */
/*.no-scroll-container {
    height: 100vh;
    overflow: hidden;
}*/

/* Inner scrollable content */
/*.scrollable-content {
    height: 100%;
    overflow-y: auto;
}*/
.skills-table[b-r0sda50w6n] {
    table-layout: fixed;
}

.skills-table-wrapper[b-r0sda50w6n] {
    overflow: visible;
    max-height: none;
}

.add-skill-section[b-r0sda50w6n] {
    margin-top: 24px; /* adjust: 16px / 24px / 32px */
}


/*.skills-table-wrapper {
    max-height: 140px;
    overflow-y: auto;
}*/

/* Hide scrollbar (optional cosmetic) */
.scrollable-content[b-r0sda50w6n]::-webkit-scrollbar {
    width: 6px;
}

.scrollable-content[b-r0sda50w6n]::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 4px;
}

/* Firefox */
.scrollable-content[b-r0sda50w6n] {
    scrollbar-width: thin;
}


/* =========================
   Status Badges
========================= */

.status-badge[b-r0sda50w6n],
.status-badge-action[b-r0sda50w6n] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.status-badge[b-r0sda50w6n] {
    padding: 4px 14px;
    border-radius: 20px;
    color: #fff;
}

.status-badge-action[b-r0sda50w6n] {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 12px;
}

/* Status colors */
.status-pending[b-r0sda50w6n] {
    background-color: #ff9800;
}

.status-pending-txt[b-r0sda50w6n] {
    background-color: #ff9800;
}

.status-rejected[b-r0sda50w6n] {
    background-color: #f44336;
}

.status-rejected-txt[b-r0sda50w6n] {
    background-color: #f44336;
}

.status-completed[b-r0sda50w6n] {
    background-color: #4caf50;
}

.status-completed-txt[b-r0sda50w6n] {
    color: #4caf50
}

.status-scheduled[b-r0sda50w6n] {
    background-color: #2196f3;
}

.status-scheduled-txt[b-r0sda50w6n] {
    color: #2196f3
}

.status-unknown[b-r0sda50w6n] {
    background-color: #9e9e9e;
}

/* =========================
   Skills Wrapper
========================= */

.skills-wrapper[b-r0sda50w6n] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    margin-top: 12px;
}

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

.skills-header-lite[b-r0sda50w6n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb;
    background: #fafafa;
}

/* =========================
   Table Scroll Wrapper (IMPORTANT)
========================= */

/*.skills-table-wrapper {
    max-height: 200px;
    overflow-y: auto;
}*/

.skills-table-wrapper[b-r0sda50w6n] {
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}


/* =========================
   Table Layout
========================= */

.skills-table[b-r0sda50w6n] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    /* Sticky Header */
    .skills-table thead th[b-r0sda50w6n] {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #fafafa;
        font-size: 12.5px;
        color: #6b7280;
        border-bottom: 1px solid #e5e7eb;
        padding: 10px;
    }

    /* Table cells */
    .skills-table td[b-r0sda50w6n] {
        padding: 12px;
        vertical-align: middle;
    }

    /* Row hover */
    .skills-table tbody tr:hover[b-r0sda50w6n] {
        background: #f9fafb;
    }

/* =========================
   Radio Buttons
========================= */

.compact-radio .k-radio-list[b-r0sda50w6n] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}

.compact-radio label[b-r0sda50w6n] {
    font-size: 9px;
    white-space: nowrap;
}

/* =========================
   Scrollbar
========================= */

.skills-table-wrapper[b-r0sda50w6n]::-webkit-scrollbar {
    width: 5px;
}

.skills-table-wrapper[b-r0sda50w6n]::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
}

/*.skills-table-wrapper {
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}*/

/* Match Telerik TextBox look */
.telerik-span[b-r0sda50w6n] {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 5px 12px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 14px;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}







/*.rating {
    display: flex;
    gap: 5px;
}

.star {
    font-size: 24px;
    color: #ccc;*/ /* gray for unselected */
/*cursor: pointer;
    transition: color 0.2s;
}

    .star.filled {
        color: gold;*/ /* only selected star is gold */
/*}*/





/* Table polish */
/* Table structure */
.weightage-table .table th[b-r0sda50w6n] {
    font-weight: 600;
    color: #555;
    vertical-align: middle;
}

.weightage-table .table td[b-r0sda50w6n] {
    vertical-align: middle;
}

/* Proficiency column */
.weightage-table .rating-cell[b-r0sda50w6n] {
    text-align: center;
    white-space: nowrap;
}

/* Rating stars */
.weightage-table .rating[b-r0sda50w6n] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px; /* matches textbox height */
}

.weightage-table .star[b-r0sda50w6n] {
    font-size: 20px;
    line-height: 1;
    color: #d0d0d0;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.15s ease;
}

    .weightage-table .star.filled[b-r0sda50w6n] {
        color: #ffc107; /* Gold */
    }

    /* Subtle hover (visual only) */
    .weightage-table .star:hover[b-r0sda50w6n] {
        transform: scale(1.15);
    }

/* Remarks textbox (SCOPED correctly) */
.weightage-table .k-textbox[b-r0sda50w6n],
.weightage-table input[type="text"][b-r0sda50w6n] {
    height: 34px;
    border-radius: 6px;
}

/* Final score row */
.weightage-table tfoot td[b-r0sda50w6n] {
    border-top: 1px solid #e5e5e5;
}

.weightage-table tfoot .text-success[b-r0sda50w6n] {
    font-size: 15px;
    font-weight: 600;
}
/* _content/PayliteNG/Pages/RMS/ProfileRoundParameter.razor.rz.scp.css */
body[b-n6rf2rml67] {
}
/* _content/PayliteNG/Pages/RMS/RMS Common/AICandidateListPanel.razor.rz.scp.css */
/* ===== PANEL SHELL ===== */
.applicant-panel[b-m5xpiv7npq] {
    background: #f7f8fa;
    border-radius: 10px;
    padding: 12px;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ===== TOP ACTIONS ===== */
.top-actions[b-m5xpiv7npq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 4px 12px 4px;
}

.select-all-checkbox[b-m5xpiv7npq] {
    width: 16px;
    height: 16px;
    accent-color: #2f5fe0;
    cursor: pointer;
}

.search-wrapper[b-m5xpiv7npq] {
    flex: 1;
}

    .search-wrapper .k-searchbox[b-m5xpiv7npq] {
        border-radius: 8px !important;
        border: 1px solid #dde2ea !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

/* ===== LIST CONTAINER ===== */
.applicant-list-scroll[b-m5xpiv7npq] {
    max-height: 100%;
    overflow-y: auto;
    padding-right: 2px;
}

/* ===== CARD ===== */
.applicant-card[b-m5xpiv7npq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e7e9ee;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

    .applicant-card:hover[b-m5xpiv7npq] {
        box-shadow: 0 4px 14px rgba(20, 30, 60, 0.08);
        border-color: #d3daea;
    }

    .applicant-card.active[b-m5xpiv7npq] {
        border-color: #2f5fe0;
        background: #f4f7ff;
        box-shadow: 0 4px 14px rgba(47, 95, 224, 0.12);
    }

.row-checkbox[b-m5xpiv7npq] {
    margin-top: 4px;
    width: 16px;
    height: 16px;
    accent-color: #2f5fe0;
    cursor: pointer;
    flex-shrink: 0;
}

/* ===== AVATAR ===== */
.avatar[b-m5xpiv7npq] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0d6efd;
    flex-shrink: 0;
}

.avatar-img[b-m5xpiv7npq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initials[b-m5xpiv7npq] {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

.avatar-md[b-m5xpiv7npq] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.avatar-lg[b-m5xpiv7npq] {
    width: 75px;
    height: 75px;
    font-size: 28px;
}

.avatar-bordered[b-m5xpiv7npq] {
    border: 3px solid #fff;
}

.avatar[data-color="blue"][b-m5xpiv7npq] {
    background-color: #0d6efd;
}

.avatar[data-color="green"][b-m5xpiv7npq] {
    background-color: #198754;
}

.avatar[data-color="purple"][b-m5xpiv7npq] {
    background-color: #6f42c1;
}

.avatar[data-color="orange"][b-m5xpiv7npq] {
    background-color: #fd7e14;
}

.avatar[data-color="red"][b-m5xpiv7npq] {
    background-color: #dc3545;
}

.avatar[data-color="teal"][b-m5xpiv7npq] {
    background-color: #20c997;
}

/* ===== DETAILS ===== */
.applicant-list-details[b-m5xpiv7npq] {
    flex: 1;
    min-width: 0;
}

.applicant-header-row[b-m5xpiv7npq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.candidate-name[b-m5xpiv7npq] {
    font-weight: 700;
    color: #1c2333;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-title[b-m5xpiv7npq] {
    margin: 2px 0 8px 0;
    color: #4a5468;
    font-size: 13px;
    font-weight: 500;
}

.job-code[b-m5xpiv7npq] {
    color: #8a92a6;
    font-weight: 400;
}

/* ===== SCORE PROGRESS BAR ===== */
.score-bar-row[b-m5xpiv7npq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 0 8px 0;
}

.score-bar-track[b-m5xpiv7npq] {
    flex: 1;
    height: 8px;
    background: #2b2f38;
    border-radius: 20px;
    overflow: hidden;
}

.score-bar-fill[b-m5xpiv7npq] {
    height: 100%;
    border-radius: 20px;
    transition: width 0.3s ease;
}

.score-bar-value[b-m5xpiv7npq] {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    color: #1c2333;
    min-width: 38px;
    text-align: right;
}

.score-high.score-bar-fill[b-m5xpiv7npq],
.score-bar-fill.score-high[b-m5xpiv7npq] {
    background: #17c193;
}

.score-medium.score-bar-fill[b-m5xpiv7npq],
.score-bar-fill.score-medium[b-m5xpiv7npq] {
    background: #f7a53b;
}

.score-low.score-bar-fill[b-m5xpiv7npq],
.score-bar-fill.score-low[b-m5xpiv7npq] {
    background: #f2495c;
}

/* ===== RECOMMENDATION (BOLDER) ===== */
.recommendation-line[b-m5xpiv7npq] {
    margin: 4px 0 10px 0;
    font-size: 13px;
    font-weight: 700;
    color: #1c2333;
    background: #eef3ff;
    border-left: 3px solid #2f5fe0;
    padding: 5px 10px;
    border-radius: 4px;
}

/* ===== META CHIPS ===== */
.meta-row[b-m5xpiv7npq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 6px 0 8px 0;
}

.meta-chip[b-m5xpiv7npq] {
    background: #f1f3f8;
    color: #4a5468;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 6px;
    display: inline-block;
}

/* ===== DETAIL LINES ===== */
.detail-lines[b-m5xpiv7npq] {
    margin-bottom: 6px;
}

.fs-12[b-m5xpiv7npq] {
    font-size: 12px;
    color: #4a5468;
    line-height: 1.6;
}

.label[b-m5xpiv7npq] {
    font-weight: 600;
    color: #1c2333;
}

/* ===== SKILLS ===== */
.skills-block[b-m5xpiv7npq] {
    background: #fafbfd;
    border: 1px solid #eef0f5;
    border-radius: 8px;
    padding: 6px 10px;
    margin: 6px 0;
}

.skill-row[b-m5xpiv7npq] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 2px 0;
}

.skill-icon[b-m5xpiv7npq] {
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

    .skill-icon.match[b-m5xpiv7npq] {
        color: #198754;
    }

    .skill-icon.missing[b-m5xpiv7npq] {
        color: #dc3545;
    }

/* ===== RECOMMENDATION ROW (secondary details) ===== */
.recommendation-row[b-m5xpiv7npq] {
    border-top: 1px dashed #e7e9ee;
    padding-top: 6px;
    margin-top: 4px;
}

/* ===== CARD ACTIONS ===== */
.card-actions[b-m5xpiv7npq] {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.download-resume-btn[b-m5xpiv7npq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #2f5fe0;
    color: #ffffff;
    border: none;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

    .download-resume-btn:hover[b-m5xpiv7npq] {
        background: #2450c2;
        box-shadow: 0 3px 10px rgba(47, 95, 224, 0.25);
    }

    .download-resume-btn:active[b-m5xpiv7npq] {
        background: #1d3f9e;
    }

.download-icon[b-m5xpiv7npq] {
    font-size: 12px;
    line-height: 1;
}

/* ===== EMPTY STATE ===== */
.empty-state[b-m5xpiv7npq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #8a92a6;
}

.empty-icon[b-m5xpiv7npq] {
    font-size: 28px;
    margin-bottom: 8px;
    opacity: 0.6;
}
/* _content/PayliteNG/Pages/RMS/RMS Common/CandidateListPanel.razor.rz.scp.css */
/*.list-avatar {
    width: 42px;
    height: 42px;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.list-avatar-initials {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
}*/



/* BASE AVATAR */
.avatar[b-wzc9ermgxf] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0d6efd;
    flex-shrink: 0;
}

/* IMAGE */
.avatar-img[b-wzc9ermgxf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* INITIALS */
.avatar-initials[b-wzc9ermgxf] {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

/* SIZES */
.avatar-md[b-wzc9ermgxf] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.avatar-lg[b-wzc9ermgxf] {
    width: 75px;
    height: 75px;
    font-size: 28px;
}

/* HEADER BORDER */
.avatar-bordered[b-wzc9ermgxf] {
    border: 3px solid #fff;
}


.avatar[data-color="blue"][b-wzc9ermgxf] {
    background-color: #0d6efd;
}

.avatar[data-color="green"][b-wzc9ermgxf] {
    background-color: #198754;
}

.avatar[data-color="purple"][b-wzc9ermgxf] {
    background-color: #6f42c1;
}

.avatar[data-color="orange"][b-wzc9ermgxf] {
    background-color: #fd7e14;
}

.avatar[data-color="red"][b-wzc9ermgxf] {
    background-color: #dc3545;
}

.avatar[data-color="teal"][b-wzc9ermgxf] {
    background-color: #20c997;
}


/* _content/PayliteNG/Pages/RMS/RMS Common/CandidateListPanelAllHistory.razor.rz.scp.css */
/*.list-avatar {
    width: 42px;
    height: 42px;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.list-avatar-initials {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
}*/



/* BASE AVATAR */
.avatar[b-52p29itk0h] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0d6efd;
    flex-shrink: 0;
}

/* IMAGE */
.avatar-img[b-52p29itk0h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* INITIALS */
.avatar-initials[b-52p29itk0h] {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

/* SIZES */
.avatar-md[b-52p29itk0h] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.avatar-lg[b-52p29itk0h] {
    width: 75px;
    height: 75px;
    font-size: 28px;
}

/* HEADER BORDER */
.avatar-bordered[b-52p29itk0h] {
    border: 3px solid #fff;
}


.avatar[data-color="blue"][b-52p29itk0h] {
    background-color: #0d6efd;
}

.avatar[data-color="green"][b-52p29itk0h] {
    background-color: #198754;
}

.avatar[data-color="purple"][b-52p29itk0h] {
    background-color: #6f42c1;
}

.avatar[data-color="orange"][b-52p29itk0h] {
    background-color: #fd7e14;
}

.avatar[data-color="red"][b-52p29itk0h] {
    background-color: #dc3545;
}

.avatar[data-color="teal"][b-52p29itk0h] {
    background-color: #20c997;
}
/* _content/PayliteNG/Pages/RMS/RMS Common/CandidateProcessLayout.razor.rz.scp.css */





/*.big-photo {
    width: 75px;
    height: 75px;
    background-color: #0d6efd;*/ /* Bootstrap primary */
    /*display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-initials {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}*/




/* BASE AVATAR */
.avatar[b-wv91r7vk9a] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0d6efd;
    flex-shrink: 0;
}

/* IMAGE */
.avatar-img[b-wv91r7vk9a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* INITIALS */
.avatar-initials[b-wv91r7vk9a] {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

/* SIZE VARIANTS */
.avatar-sm[b-wv91r7vk9a] {
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.avatar-md[b-wv91r7vk9a] {
    width: 50px;
    height: 50px;
    font-size: 18px;
}

.avatar-lg[b-wv91r7vk9a] {
    width: 75px;
    height: 75px;
    font-size: 28px;
}

/* BORDER (header only) */
.avatar-bordered[b-wv91r7vk9a] {
    border: 3px solid #fff;
}

.avatar[data-color="blue"][b-wv91r7vk9a] {
    background-color: #0d6efd;
}

.avatar[data-color="green"][b-wv91r7vk9a] {
    background-color: #198754;
}

.avatar[data-color="purple"][b-wv91r7vk9a] {
    background-color: #6f42c1;
}

.avatar[data-color="orange"][b-wv91r7vk9a] {
    background-color: #fd7e14;
}

.avatar[data-color="red"][b-wv91r7vk9a] {
    background-color: #dc3545;
}

.avatar[data-color="teal"][b-wv91r7vk9a] {
    background-color: #20c997;
}



/* _content/PayliteNG/Pages/RMS/RMS Common/DynamicApplyVacancy.razor.rz.scp.css */
.txt-star[b-kt1zqr4qos] {
    color: red;
}

.Vacency_JD_Models .card[b-kt1zqr4qos] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #f9fbff;
}

    .Vacency_JD_Models .card:hover[b-kt1zqr4qos] {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    }

.Vacency_JD_Models h6[b-kt1zqr4qos] {
    font-size: 0.7rem;
    text-transform: capitalize;
}

.Vacency_JD_Models .badge[b-kt1zqr4qos] {
    font-size: 0.7rem;
}


.scrollable-tab-content[b-kt1zqr4qos] {
    max-height: calc(100vh - 300px);
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: #cfcfcf #f8f8f8;
}

    .scrollable-tab-content[b-kt1zqr4qos]::-webkit-scrollbar {
        width: 6px;
    }

    .scrollable-tab-content[b-kt1zqr4qos]::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border-radius: 10px;
    }

.bottom-cta[b-kt1zqr4qos] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 15px 10px;
    z-index: 100;
    border-top: 1px solid #eee;
    display: flex; /* FIX */
    justify-content: flex-end; /* FIX */
    gap: 15px; /* OPTIONAL */
}









.qualification-table[b-kt1zqr4qos], .language-table td[b-kt1zqr4qos] {
    vertical-align: middle;
}

.action-col[b-kt1zqr4qos] {
    width: 80px;
}

/*.txt-star {
    color: #dc2626;
}*/







/* _content/PayliteNG/Pages/RMS/RMS Common/JobBoardDynamicCard.razor.rz.scp.css */
:root[b-leswhqv175]{

}


/* .job-card {
                    margin-bottom: 20px;
                    border-radius: 12px;
                    border: 1px solid #e5e7eb;
                    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
                    padding: 15px;
                    background: #fff;
                } */

.job-card[b-leswhqv175] {
    padding: 15px;
    margin-bottom: 10px;
}

    .job-card .k-tilelayout-item-header[b-leswhqv175] {
        display: none;
    }

.job-card[b-leswhqv175] {
    background: #F2f2f2;
}

    .job-card:hover[b-leswhqv175] {
        background: #f9f9f9;
    }
    /*
                .job-header {
                    border-bottom: 1px solid #eee;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                } */

    /* .posted-text {
                    font-size: 0.9rem;
                    color: #6c757d;
                } */

    .job-card .job-tags .tag[b-leswhqv175] {
        background: #f2f2f2;
        padding: 4px 10px;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        border-radius: 4px;
        color: #333;
        display: inline-block;
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: var(--bs-primary) solid 1px;
    }

.job-counts[b-leswhqv175] {
    margin-top: 8px;
}

    .job-counts .status[b-leswhqv175] {
        padding: 4px 4px 4px 10px;
        font-size: 11px;
        margin-right: -5px;
        display: inline-block;
        position: relative;
        color: #3B3B3B;
    }

        .job-counts .status[b-leswhqv175]:after {
            content: "";
            position: absolute;
            top: 50%;
            right: -6px;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 11px solid transparent;
            border-bottom: 12px solid transparent;
            z-index: 1
        }

.status.applied[b-leswhqv175] {
    background: var(--bs-tags-applied);
    border-radius: 12px 0 0 12px;
}

.job-counts .status.applied[b-leswhqv175]:after {
    border-left: 8px solid var(--bs-tags-applied);
}

.status.shortlisted[b-leswhqv175] {
    background: var(--bs-tags-shortlisted);
}

.job-counts .status.shortlisted[b-leswhqv175]:after {
    border-left: 8px solid var(--bs-tags-shortlisted);
}

.status.interviewed[b-leswhqv175] {
    background: var(--bs-tags-interviewed);
}

.job-counts .status.interviewed[b-leswhqv175]:after {
    border-left: 8px solid var(--bs-tags-interviewed);
}

.status.proffers[b-leswhqv175] {
    background: var(--bs-tags-proffers);
}

.job-counts .status.proffers[b-leswhqv175]:after {
    border-left: 8px solid var(--bs-tags-proffers);
}

.status.hired[b-leswhqv175] {
    background: var(--bs-tags-hired);
}

.job-counts .status.hired[b-leswhqv175]:after {
    border-left: 8px solid var(--bs-tags-hired);
}

.status.archived[b-leswhqv175] {
    background: var(--bs-tags-archived);
    border-radius: 0 12px 12px 0;
    padding:4px 10px;
}

.vacancy-skills[b-leswhqv175] {
    margin-top: 10px;
    font-size: 13px;
    color: #555;
}

.center-container-parent[b-leswhqv175] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4);
    z-index: 9999;
}

/*.center-container {
    background: white;
    border-radius: 10px;
    padding: 20px;
    max-height: 90vh;
    overflow-y: auto;
}*/

/* POPUP */
.job-dialog[b-leswhqv175] {
    padding: 0;
}

/* Statistics */
.stats-box[b-leswhqv175] {
    display: flex;
    gap: 12px;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap; /* ⭐ to break after Statistics label */
}

    .stats-box > .k-font-bold[b-leswhqv175] {
        width: 100%;
        margin-bottom: 5px;
    }

.stat[b-leswhqv175] {
    padding: 15px;
    width: 120px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.applied[b-leswhqv175] {
    background: #0d6efd;
}

.shortlisted[b-leswhqv175] {
    background: #e9c46a;
}

.interviewed[b-leswhqv175] {
    background: #457b9d;
}

.offered[b-leswhqv175] {
    background: #f4a261;
}

.hired[b-leswhqv175] {
    background: #4caf50;
}

.archived[b-leswhqv175] {
    background: #d8a7d1;
}

.job-header-box[b-leswhqv175] {
    border: 1px solid #efefef;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.job-title[b-leswhqv175] {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

.job-info[b-leswhqv175] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.job-row[b-leswhqv175] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.badge-fulltime[b-leswhqv175] {
    background-color: #13c96f;
    padding: 3px 10px;
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-weight: 500;
}

.job-meta[b-leswhqv175] {
    display: flex;
    gap: 30px;
    font-size: 14px;
    margin-top: 10px;
    color: gray;
}

/* Description Box */
.description-box[b-leswhqv175] {
    border: 1px solid #efefef;
    padding: 25px;
    border-radius: 10px;
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.markdown-content[b-leswhqv175] {
    white-space: pre-wrap;
    font-size: 12px;
    line-height: 1.6;
}


.no-scroll-container[b-leswhqv175] {
    overflow: hidden !important; /* Prevent any scrollbar */
}

    .no-scroll-container *[b-leswhqv175] {
        scrollbar-width: none !important; /* Hide Firefox scrollbar */
    }

    .no-scroll-container[b-leswhqv175]::-webkit-scrollbar {
        display: none; /* Hide Chrome, Edge scrollbar */
    }


@media screen and (min-width: 1400px) {
    .job-counts .status[b-leswhqv175] {
        padding: 4px 6px 4px 12px;
        font-size: 12px;
    }
}
@media screen and (min-width: 1600px) {
    .job-counts .status[b-leswhqv175] {
        padding: 4px 8px 4px 16px;
        font-size: 13px;
    }
}



.badge-source[b-leswhqv175] {
    background-color: #e3f2fd;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

.badge-employee[b-leswhqv175] {
    background-color: #e8f5e9;
    color: #198754;
    border: 1px solid #198754;
}

.badge-remote[b-leswhqv175] {
    background-color: #fff3cd;
    color: #fd7e14;
    border: 1px solid #fd7e14;
}
.job-board-right-CTA.k-disabled[b-leswhqv175] {
    opacity: 0.4;
}

.hand-cursor[b-leswhqv175] {
    cursor: pointer;
}

.disabled-span[b-leswhqv175] {
    opacity: 0.7;
    cursor: not-allowed;
    user-select: none;
}
/* _content/PayliteNG/Pages/RMS/RMSJdCreation.razor.rz.scp.css */
:root[b-n1iuugeyze] {
}


/* .job-card {
                    margin-bottom: 20px;
                    border-radius: 12px;
                    border: 1px solid #e5e7eb;
                    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
                    padding: 15px;
                    background: #fff;
                } */

.job-card[b-n1iuugeyze] {
    padding: 15px;
    margin-bottom: 10px;
}

    .job-card .k-tilelayout-item-header[b-n1iuugeyze] {
        display: none;
    }

.job-card[b-n1iuugeyze] {
    background: #F3F4F6;
}

    .job-card:hover[b-n1iuugeyze] {
        background: #f9f9f9;
    }
    /*
                .job-header {
                    border-bottom: 1px solid #eee;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                } */

    /* .posted-text {
                    font-size: 0.9rem;
                    color: #6c757d;
                } */

    .job-card .job-tags .tag[b-n1iuugeyze] {
        background: #DBDBDB;
        padding: 4px 10px;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        border-radius: 4px;
        color: #666666;
        display: inline-block;
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.job-counts[b-n1iuugeyze] {
    margin-top: 8px;
}

    .job-counts .status[b-n1iuugeyze] {
        padding: 4px 4px 4px 10px;
        font-size: 11px;
        margin-right: -5px;
        display: inline-block;
        position: relative;
        color: #3B3B3B;
    }

        .job-counts .status[b-n1iuugeyze]:after {
            content: "";
            position: absolute;
            top: 50%;
            right: -6px;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 11px solid transparent;
            border-bottom: 12px solid transparent;
            z-index: 1
        }

.status.applied[b-n1iuugeyze] {
    background: var(--bs-tags-applied);
    border-radius: 12px 0 0 12px;
}

.job-counts .status.applied[b-n1iuugeyze]:after {
    border-left: 8px solid var(--bs-tags-applied);
}

.status.shortlisted[b-n1iuugeyze] {
    background: var(--bs-tags-shortlisted);
}

.job-counts .status.shortlisted[b-n1iuugeyze]:after {
    border-left: 8px solid var(--bs-tags-shortlisted);
}

.status.interviewed[b-n1iuugeyze] {
    background: var(--bs-tags-interviewed);
}

.job-counts .status.interviewed[b-n1iuugeyze]:after {
    border-left: 8px solid var(--bs-tags-interviewed);
}

.status.proffers[b-n1iuugeyze] {
    background: var(--bs-tags-proffers);
}

.job-counts .status.proffers[b-n1iuugeyze]:after {
    border-left: 8px solid var(--bs-tags-proffers);
}

.status.hired[b-n1iuugeyze] {
    background: var(--bs-tags-hired);
}

.job-counts .status.hired[b-n1iuugeyze]:after {
    border-left: 8px solid var(--bs-tags-hired);
}

.status.archived[b-n1iuugeyze] {
    background: var(--bs-tags-archived);
    border-radius: 0 12px 12px 0;
    padding: 4px 10px;
}

.vacancy-skills[b-n1iuugeyze] {
    margin-top: 10px;
    font-size: 13px;
    color: #555;
}

.center-container-parent[b-n1iuugeyze] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4);
    z-index: 9999;
}

/*.center-container {
    background: white;
    border-radius: 10px;
    padding: 20px;
    max-height: 90vh;
    overflow-y: auto;
}*/

/* POPUP */
.job-dialog[b-n1iuugeyze] {
    padding: 0;
}

/* Statistics */
.stats-box[b-n1iuugeyze] {
    display: flex;
    gap: 12px;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap; /* ⭐ to break after Statistics label */
}

    .stats-box > .k-font-bold[b-n1iuugeyze] {
        width: 100%;
        margin-bottom: 5px;
    }

.stat[b-n1iuugeyze] {
    padding: 15px;
    width: 120px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.applied[b-n1iuugeyze] {
    background: #0d6efd;
}

.shortlisted[b-n1iuugeyze] {
    background: #e9c46a;
}

.interviewed[b-n1iuugeyze] {
    background: #457b9d;
}

.offered[b-n1iuugeyze] {
    background: #f4a261;
}

.hired[b-n1iuugeyze] {
    background: #4caf50;
}

.archived[b-n1iuugeyze] {
    background: #d8a7d1;
}

.job-header-box[b-n1iuugeyze] {
    border: 1px solid #efefef;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.job-title[b-n1iuugeyze] {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

.job-info[b-n1iuugeyze] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.job-row[b-n1iuugeyze] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.badge-fulltime[b-n1iuugeyze] {
    background-color: #13c96f;
    padding: 3px 10px;
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-weight: 500;
}

.job-meta[b-n1iuugeyze] {
    display: flex;
    gap: 30px;
    font-size: 14px;
    margin-top: 10px;
    color: gray;
}

/* Description Box */
.description-box[b-n1iuugeyze] {
    border: 1px solid #efefef;
    padding: 25px;
    border-radius: 10px;
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.markdown-content[b-n1iuugeyze] {
    white-space: pre-wrap;
    font-size: 12px;
    line-height: 1.6;
}


.no-scroll-container[b-n1iuugeyze] {
    overflow: hidden !important; /* Prevent any scrollbar */
}

    .no-scroll-container *[b-n1iuugeyze] {
        scrollbar-width: none !important; /* Hide Firefox scrollbar */
    }

    .no-scroll-container[b-n1iuugeyze]::-webkit-scrollbar {
        display: none; /* Hide Chrome, Edge scrollbar */
    }


@media screen and (min-width: 1400px) {
    .job-counts .status[b-n1iuugeyze] {
        padding: 4px 6px 4px 12px;
        font-size: 12px;
    }
}

@media screen and (min-width: 1600px) {
    .job-counts .status[b-n1iuugeyze] {
        padding: 4px 8px 4px 16px;
        font-size: 13px;
    }
}
/* _content/PayliteNG/Pages/RMS/RMSProfile.razor.rz.scp.css */
/* PAGE */
.profile-wrapper[b-6w3mavbay2] {
    background: #f4f6fb;
    padding: 24px;
    font-family: "Segoe UI", system-ui, sans-serif;
}

/* HERO HEADER */
.profile-hero[b-6w3mavbay2] {
    background: linear-gradient(135deg, #2563eb, #1e40af);
    border-radius: 18px;
    padding: 26px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.35);
}

.avatar[b-6w3mavbay2] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
}

.hero-info h1[b-6w3mavbay2] {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.hero-info .role[b-6w3mavbay2] {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    opacity: 0.95;
}

.hero-info .meta[b-6w3mavbay2] {
    display: block;
    font-size: 13px;
    opacity: 0.85;
    margin-top: 2px;
}

/* GRID */
.profile-grid[b-6w3mavbay2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 20px;
    margin-top: 24px;
}

/* CARDS */
.section-card[b-6w3mavbay2] {
    background: #fff;
    border-radius: 14px;
    padding: 20px 22px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.06);
    border-left: 3px solid var(--bg-primary);
}

    .section-card h4[b-6w3mavbay2] {
        margin: 0 0 14px;
        font-size: 15px;
        font-weight: 600;
        color: #1e293b;
        font-weight:400 !important;
    }

/* INFO ROWS */
.info[b-6w3mavbay2] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 10px;
    padding: 6px 0;
    font-size: 14px;
}
.info-label[b-6w3mavbay2] {
    color: #64748b;
    font-weight: 500;
    text-align: left;
}

.info-value[b-6w3mavbay2] {
    color: #0f172a;
    font-weight: 600;
}

    .info:last-child[b-6w3mavbay2] {
        border-bottom: none;
    }

    .info span:first-child[b-6w3mavbay2] {
        color: #64748b;
        font-weight: 500;
    }

    .info span:last-child[b-6w3mavbay2] {
        color: #0f172a;
        font-weight: 600;
        text-align: right;
    }

/* TABLES */
.clean-table[b-6w3mavbay2] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 14px;
}

    .clean-table th[b-6w3mavbay2] {
        background: #f1f5f9;
        color: #1e293b;
        font-weight: 600;
        padding: 10px;
        text-align: center;
    }

    .clean-table td[b-6w3mavbay2] {
        padding: 10px;
        text-align: center;
        border-bottom: 1px solid #e5e7eb;
    }

        .clean-table td:first-child[b-6w3mavbay2] {
            text-align: left;
            font-weight: 500;
        }

        /* ICONS */
        .clean-table td:has(:contains("✔"))[b-6w3mavbay2] {
            color: #16a34a;
            font-weight: 700;
        }

/* LOADING */
.loading[b-6w3mavbay2] {
    padding: 40px;
    text-align: center;
    font-size: 16px;
    color: #64748b;
}
/* _content/PayliteNG/Pages/RMS/ScheduleInterview.razor.rz.scp.css */
/*.list-avatar {
    width: 42px;
    height: 42px;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.list-avatar-initials {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
}*/



/* BASE AVATAR */
.avatar[b-3co2jljtlc] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0d6efd;
    flex-shrink: 0;
}

/* IMAGE */
.avatar-img[b-3co2jljtlc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* INITIALS */
.avatar-initials[b-3co2jljtlc] {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

/* SIZES */
.avatar-md[b-3co2jljtlc] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.avatar-lg[b-3co2jljtlc] {
    width: 75px;
    height: 75px;
    font-size: 28px;
}

/* HEADER BORDER */
.avatar-bordered[b-3co2jljtlc] {
    border: 3px solid #fff;
}


.avatar[data-color="blue"][b-3co2jljtlc] {
    background-color: #0d6efd;
}

.avatar[data-color="green"][b-3co2jljtlc] {
    background-color: #198754;
}

.avatar[data-color="purple"][b-3co2jljtlc] {
    background-color: #6f42c1;
}

.avatar[data-color="orange"][b-3co2jljtlc] {
    background-color: #fd7e14;
}

.avatar[data-color="red"][b-3co2jljtlc] {
    background-color: #dc3545;
}

.avatar[data-color="teal"][b-3co2jljtlc] {
    background-color: #20c997;
}





/* Right PANEL*/

/* PANEL */


/* GRID */
.round-container[b-3co2jljtlc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

/* CARD */
.round-card[b-3co2jljtlc] {
    background: rgba(205, 205, 205, 1);
    background: radial-gradient(circle,rgba(205, 205, 205, 0.2) 0%, rgba(205, 205, 205, 0.5) 100%);
    border-radius: 8px;
    padding: 24px;
    transition: all 0.25s ease;
    position: relative;
}

    .round-card:hover[b-3co2jljtlc] {
        transform: translateY(-2px);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    }

    /* ACTIVE CARD */
    .round-card.active[b-3co2jljtlc] {
        cursor:pointer;
        background: rgba(204, 229, 255, 1);
        background: radial-gradient(circle,rgba(204, 229, 255, 0.2) 0%, rgba(204, 229, 255, 0.5) 100%);
    }

/* DELETE BUTTON */
    .round-card .delete-btn[b-3co2jljtlc] {
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        background: #ffffff;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
    }
    .round-card.active .delete-btn[b-3co2jljtlc] {
        box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    }
        .delete-btn:hover[b-3co2jljtlc] {
        background: #ffe5e5;
        transform: scale(1.1);
    }
            
            .delete-btn .k-icon[b-3co2jljtlc] {
                font-size: 16px;
                color: #999999;
            }
.delete-btn:hover .k-icon[b-3co2jljtlc] {
    color: #565656;
}


/* HEADER */
.round-header[b-3co2jljtlc] {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #000;
}

.round-icon[b-3co2jljtlc] {
    font-size: 20px;
    margin-right: 8px;
    color: #6b7280;
}

.round-title[b-3co2jljtlc] {
    flex-grow: 1;
}
.round-date[b-3co2jljtlc] {
    font-size: 14px;
}
/* BODY */
.round-body[b-3co2jljtlc] {
    margin-top: 1.5rem;
    font-size: 14px;
    color: #4a5568;
}

.round-item[b-3co2jljtlc] {
    margin-bottom: 6px;
    line-height: 1.6;
}
.round-body[b-3co2jljtlc] {
    color: #565656
}
.round-body b[b-3co2jljtlc] {
    color: #333;
}

/* NOT STARTED */
.not-started[b-3co2jljtlc] {
    margin-top: 14px;
    color: #9aa0a6;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .round-container[b-3co2jljtlc] {
        grid-template-columns: 1fr;
    }
}


/* _content/PayliteNG/Pages/RMS/ScheduleInterviewWorkflow.razor.rz.scp.css */

.calendar-table td[b-401c4k87n5] {
    height: 75px;
    cursor: pointer;
    vertical-align: top;
}

.calendar-day:hover[b-401c4k87n5] {
    background-color: #f1f3f5;
}

.calendar-day.selected[b-401c4k87n5] {
    background-color: #0d6efd;
    color: white;
    font-weight: bold;
}

.calendar-day.has-event[b-401c4k87n5] {
    border-bottom: 3px solid #dc3545;
}

.calendar-day.disabled-day[b-401c4k87n5] {
    background-color: #f8f9fa;
    cursor: not-allowed;
    pointer-events: none;
    color: #adb5bd;
}

.plus-btn[b-401c4k87n5] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding: 0;
}


/* _content/PayliteNG/Pages/SetupAndConfigurations/SocialSecurityCustomerConfig.razor.rz.scp.css */
/* Design tokens locally scoped or overridable */
.social-security-container[b-abjsmr8h42] {
  --ink:       #0D1B2A;
  --ink-soft:  #3A4A5C;
  --ink-muted: #6B7A8D;
  --rule:      #DDE3EC;
  --surface:   #F5F7FA;
  --canvas:    #FFFFFF;
  --primary:   #1A56A0;
  --primary-dk:#123D77;
  --primary-lt:#EAF0FB;
  --accent:    #00897B;
  --accent-lt: #E0F4F2;
  --warn:      #E65100;
  --warn-lt:   #FFF3E0;
  --danger:    #C62828;
  --danger-lt: #FFEBEE;
  --gold:      #B8860B;
  --gold-lt:   #FFFDE7;
  --shadow-sm: 0 1px 3px rgba(13,27,42,.08), 0 1px 2px rgba(13,27,42,.06);
  --shadow:    0 4px 12px rgba(13,27,42,.10), 0 2px 4px rgba(13,27,42,.06);
  --radius:    8px;
  --radius-lg: 12px;
  --font-ui: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-data: 'Cascadia Code', 'Consolas', monospace;

  font-family: var(--font-ui);
  background: var(--surface);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.5;
  min-height: calc(100vh - 120px);
  display: flex;
  width: 100%;
}

/* ── LAYOUT ──────────────────────────────────────────────────── */
.layout[b-abjsmr8h42] {
  display: flex;
  width: 100%;
}

.main[b-abjsmr8h42] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  min-width: 0;
  background: var(--surface);
}

/* ── CARDS ───────────────────────────────────────────────────── */
.card[b-abjsmr8h42] {
  background: var(--canvas);
  border-radius: var(--radius-lg);
  border: 1px solid var(--rule);
  box-shadow: var(--shadow-sm);
  margin-bottom: 20px;
}

.card-header[b-abjsmr8h42] {
  padding: 18px 22px 14px;
  border-bottom: 1px solid var(--rule);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.card-title[b-abjsmr8h42] {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
}

.card-subtitle[b-abjsmr8h42] {
  font-size: 12px;
  color: var(--ink-muted);
  margin-top: 2px;
}

.card-body[b-abjsmr8h42] {
  padding: 20px 22px;
}

/* ── COUNTRY HERO ────────────────────────────────────────────── */
.country-hero[b-abjsmr8h42] {
  background: linear-gradient(135deg, var(--ink) 0%, var(--primary-dk) 100%);
  border-radius: var(--radius-lg);
  padding: 24px 28px;
  margin-bottom: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
}

.country-flag-lg[b-abjsmr8h42] {
  font-size: 48px;
  line-height: 1;
}

.country-hero-info[b-abjsmr8h42] {
  flex: 1;
}

.country-hero-info h1[b-abjsmr8h42] {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 4px;
}

.country-hero-info .authority[b-abjsmr8h42] {
  color: rgba(255,255,255,.7);
  font-size: 13px;
}

.country-hero-info .authority b[b-abjsmr8h42] {
  color: rgba(255,255,255,.95);
}

.country-hero-meta[b-abjsmr8h42] {
  display: flex;
  gap: 24px;
  margin-top: 12px;
}

.country-hero-meta .stat[b-abjsmr8h42] {
  text-align: center;
}

.country-hero-meta .stat .val[b-abjsmr8h42] {
  font-size: 22px;
  font-weight: 800;
}

.country-hero-meta .stat .lbl[b-abjsmr8h42] {
  font-size: 11px;
  color: rgba(255,255,255,.6);
  margin-top: 2px;
}

.country-hero-actions[b-abjsmr8h42] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.btn[b-abjsmr8h42] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: var(--radius);
  border: none;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
  text-decoration: none;
  white-space: nowrap;
}

.btn-primary[b-abjsmr8h42] {
  background: var(--primary);
  color: #fff;
}

.btn-primary:hover[b-abjsmr8h42] {
  background: var(--primary-dk);
}

.btn-outline[b-abjsmr8h42] {
  background: transparent;
  color: var(--primary);
  border: 1.5px solid var(--primary);
}

.btn-outline:hover[b-abjsmr8h42] {
  background: var(--primary-lt);
}

.btn-accent[b-abjsmr8h42] {
  background: var(--accent);
  color: #fff;
}

.btn-accent:hover[b-abjsmr8h42] {
  background: #00695C;
}

.btn-ghost[b-abjsmr8h42] {
  background: transparent;
  color: var(--ink-soft);
  border: 1.5px solid var(--rule);
}

.btn-ghost:hover[b-abjsmr8h42] {
  background: var(--surface);
}

.btn-warn[b-abjsmr8h42] {
  background: var(--warn);
  color: #fff;
}

.btn-sm[b-abjsmr8h42] {
  padding: 5px 12px;
  font-size: 12px;
}

/* ── TABLES ──────────────────────────────────────────────────── */
.data-table[b-abjsmr8h42] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.data-table th[b-abjsmr8h42] {
  background: var(--surface);
  padding: 10px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ink-muted);
  border-bottom: 2px solid var(--rule);
  white-space: nowrap;
}

.data-table td[b-abjsmr8h42] {
  padding: 11px 14px;
  border-bottom: 1px solid var(--rule);
  color: var(--ink-soft);
  vertical-align: top;
}

.data-table tr:last-child td[b-abjsmr8h42] {
  border-bottom: none;
}

.data-table tr:hover td[b-abjsmr8h42] {
  background: var(--surface);
}

.data-table .strong[b-abjsmr8h42] {
  font-weight: 700;
  color: var(--ink);
}

.data-table .mono[b-abjsmr8h42] {
  font-family: var(--font-data);
  font-size: 12px;
}

/* ── PILLS / CHIPS ───────────────────────────────────────────── */
.chip[b-abjsmr8h42] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}

.chip-green[b-abjsmr8h42] {
  background: #E8F5E9;
  color: #2E7D32;
}

.chip-blue[b-abjsmr8h42] {
  background: var(--primary-lt);
  color: var(--primary);
}

.chip-amber[b-abjsmr8h42] {
  background: var(--warn-lt);
  color: var(--warn);
}

.chip-red[b-abjsmr8h42] {
  background: var(--danger-lt);
  color: var(--danger);
}

.chip-gray[b-abjsmr8h42] {
  background: var(--surface);
  color: var(--ink-muted);
  border: 1px solid var(--rule);
}

.chip-teal[b-abjsmr8h42] {
  background: var(--accent-lt);
  color: var(--accent);
}

/* ── FORMS ───────────────────────────────────────────────────── */
.form-grid[b-abjsmr8h42] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.form-grid-3[b-abjsmr8h42] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.form-group[b-abjsmr8h42] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form-group label[b-abjsmr8h42] {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-soft);
}

.form-group .hint[b-abjsmr8h42] {
  font-size: 11px;
  color: var(--ink-muted);
}

.form-control[b-abjsmr8h42] {
  padding: 8px 12px;
  border: 1.5px solid var(--rule);
  border-radius: var(--radius);
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--ink);
  background: var(--canvas);
  transition: border .15s;
  width: 100%;
}

.form-control:focus[b-abjsmr8h42] {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-lt);
}

.form-control[readonly][b-abjsmr8h42] {
  background: var(--surface);
  color: var(--ink-muted);
}

select.form-control[b-abjsmr8h42] {
  cursor: pointer;
}

/* ── SECTION DIVIDER ─────────────────────────────────────────── */
.section-divider[b-abjsmr8h42] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 16px;
}

.section-divider .label[b-abjsmr8h42] {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink-muted);
  white-space: nowrap;
}

.section-divider .line[b-abjsmr8h42] {
  flex: 1;
  height: 1px;
  background: var(--rule);
}

/* ── ALERT BANNER ────────────────────────────────────────────── */
.alert[b-abjsmr8h42] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border-radius: var(--radius);
  border: 1px solid;
  margin-bottom: 16px;
  font-size: 13px;
}

.alert-info[b-abjsmr8h42] {
  background: var(--primary-lt);
  border-color: var(--primary);
  color: var(--primary-dk);
}

.alert-warn[b-abjsmr8h42] {
  background: var(--warn-lt);
  border-color: var(--warn);
  color: var(--warn);
}

.alert-success[b-abjsmr8h42] {
  background: var(--accent-lt);
  border-color: var(--accent);
  color: #00574F;
}

.alert-icon[b-abjsmr8h42] {
  font-size: 16px;
  margin-top: 1px;
  flex-shrink: 0;
}

.alert-body[b-abjsmr8h42] {
  flex: 1;
}

.alert-body strong[b-abjsmr8h42] {
  font-weight: 700;
  display: block;
  margin-bottom: 2px;
}

/* ── TABS ────────────────────────────────────────────────────── */
.inner-tabs[b-abjsmr8h42] {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.inner-tab[b-abjsmr8h42] {
  padding: 7px 14px;
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border: 1.5px solid var(--rule);
  background: var(--canvas);
  color: var(--ink-muted);
  transition: all .15s;
}

.inner-tab:hover[b-abjsmr8h42] {
  border-color: var(--primary);
  color: var(--primary);
}

.inner-tab.active[b-abjsmr8h42] {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

/* ── RATE GRID ───────────────────────────────────────────────── */
.rate-grid[b-abjsmr8h42] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}

.rate-box[b-abjsmr8h42] {
  border-radius: var(--radius);
  padding: 16px 18px;
  border: 1px solid var(--rule);
}

.rate-box.employee[b-abjsmr8h42] {
  background: var(--primary-lt);
  border-color: var(--primary);
}

.rate-box.employer[b-abjsmr8h42] {
  background: var(--accent-lt);
  border-color: var(--accent);
}

.rate-box.govt[b-abjsmr8h42] {
  background: var(--gold-lt);
  border-color: var(--gold);
}

.rate-box .rate-label[b-abjsmr8h42] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ink-muted);
  margin-bottom: 6px;
}

.rate-box .rate-value[b-abjsmr8h42] {
  font-size: 28px;
  font-weight: 800;
  color: var(--ink);
}

.rate-box.employee .rate-value[b-abjsmr8h42] {
  color: var(--primary);
}

.rate-box.employer .rate-value[b-abjsmr8h42] {
  color: var(--accent);
}

.rate-box.govt .rate-value[b-abjsmr8h42] {
  color: var(--gold);
}

.rate-box .rate-base[b-abjsmr8h42] {
  font-size: 11px;
  color: var(--ink-muted);
  margin-top: 4px;
}

/* ── TIMELINE ────────────────────────────────────────────────── */
.version-list[b-abjsmr8h42] {
  display: flex;
  flex-direction: column;
}

.version-item[b-abjsmr8h42] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
}

.version-item:last-child[b-abjsmr8h42] {
  border-bottom: none;
}

.version-indicator[b-abjsmr8h42] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding-top: 4px;
}

.version-dot[b-abjsmr8h42] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

.version-dot.current[b-abjsmr8h42] {
  background: var(--accent);
}

.version-dot.past[b-abjsmr8h42] {
  background: var(--ink-muted);
}

.version-dot.future[b-abjsmr8h42] {
  background: var(--primary);
}

.version-line[b-abjsmr8h42] {
  width: 2px;
  height: 30px;
  background: var(--rule);
  margin: 0 auto;
}

.version-content[b-abjsmr8h42] {
  flex: 1;
}

.version-dates[b-abjsmr8h42] {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
}

.version-rates[b-abjsmr8h42] {
  font-size: 12px;
  color: var(--ink-soft);
  margin-top: 4px;
}

.version-action[b-abjsmr8h42] {
  font-size: 11px;
  color: var(--ink-muted);
  margin-top: 4px;
}

/* ── UTILITY ─────────────────────────────────────────────────── */
.flex[b-abjsmr8h42] {
  display: flex;
}

.flex-center[b-abjsmr8h42] {
  display: flex;
  align-items: center;
}

.gap-8[b-abjsmr8h42] {
  gap: 8px;
}

.gap-12[b-abjsmr8h42] {
  gap: 12px;
}

.gap-16[b-abjsmr8h42] {
  gap: 16px;
}

.mt-4[b-abjsmr8h42] {
  margin-top: 4px;
}

.mt-12[b-abjsmr8h42] {
  margin-top: 12px;
}

.mt-20[b-abjsmr8h42] {
  margin-top: 20px;
}

.mb-4[b-abjsmr8h42] {
  margin-bottom: 4px;
}

.mb-12[b-abjsmr8h42] {
  margin-bottom: 12px;
}

.mb-20[b-abjsmr8h42] {
  margin-bottom: 20px;
}

.text-sm[b-abjsmr8h42] {
  font-size: 12px;
}

.text-xs[b-abjsmr8h42] {
  font-size: 11px;
}

.text-muted[b-abjsmr8h42] {
  color: var(--ink-muted);
}

.font-bold[b-abjsmr8h42] {
  font-weight: 700;
}

.w-full[b-abjsmr8h42] {
  width: 100%;
}

.save-success-msg[b-abjsmr8h42] {
  color: var(--accent);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  animation: fadeIn-b-abjsmr8h42 0.3s ease;
}

@keyframes fadeIn-b-abjsmr8h42 {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Modal Overlay Styles */
.modal-backdrop[b-abjsmr8h42] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-card[b-abjsmr8h42] {
  background: var(--canvas);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  width: 500px;
  max-width: 90%;
  animation: modalSlideUp-b-abjsmr8h42 0.3s ease-out;
  display: flex;
  flex-direction: column;
}

.modal-card.modal-lg[b-abjsmr8h42] {
  width: 820px;
  max-width: 95%;
}

.modal-header[b-abjsmr8h42] {
  padding: 16px 20px;
  border-bottom: 1px solid var(--rule);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header h3[b-abjsmr8h42] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
}

.modal-close-btn[b-abjsmr8h42] {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--ink-muted);
}

.modal-close-btn:hover[b-abjsmr8h42] {
  color: var(--ink);
}

.modal-body[b-abjsmr8h42] {
  padding: 20px;
  max-height: 70vh;
  overflow-y: auto;
}

.modal-footer[b-abjsmr8h42] {
  padding: 12px 20px;
  border-top: 1px solid var(--rule);
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

@keyframes modalSlideUp-b-abjsmr8h42 {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
/* _content/PayliteNG/Pages/SuccessionPlanning/CalibrationConsole.razor.rz.scp.css */
.console-container[b-kmkofu7kvu] { --console-bg: var(--slate-50, #f8fafc); --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); --nine-box-green: #f0fdf4; --nine-box-blue: #eff6ff; --nine-box-orange: #fffbeb; --nine-box-red: #fef2f2; --nine-box-white: #ffffff; --border-green: #bbf7d0; --border-blue: #bfdbfe; --border-orange: #fef08a; --border-red: #fecaca; --border-gray: #e2e8f0; }

.console-container[b-kmkofu7kvu] { display: flex; flex-direction: column; gap: 20px; min-height: calc(100vh - 80px); height: auto; /*background: var(--console-bg);*/ padding: 32px; overflow-x: hidden; overflow-y: auto; }

.console-header[b-kmkofu7kvu] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }

.console-container .btn-action[b-kmkofu7kvu] { width: auto; height: 40px !important; padding: 0 16px !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important; text-transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid transparent; cursor: pointer; line-height: 1; transition: all 0.2s ease; text-indent: unset; }

	.console-container .btn-action:hover:not(:disabled)[b-kmkofu7kvu] { transform: translateY(-1px); box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12); }

.console-container .btn-draft[b-kmkofu7kvu] { background: white; color: #475569; border-color: #e2e8f0; }

	.console-container .btn-draft:hover:not(:disabled)[b-kmkofu7kvu] { background: #f8fafc; border-color: #cbd5e1; color: #334155; }

.console-container .btn-commit[b-kmkofu7kvu] { background: #10b981; color: white; border-color: #10b981; }

	.console-container .btn-commit:hover:not(:disabled)[b-kmkofu7kvu] { background: #059669; border-color: #059669; }

.console-container .btn-action:disabled[b-kmkofu7kvu] { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; }

.modal-backdrop[b-kmkofu7kvu] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.5); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; z-index: 1000; }

.modal[b-kmkofu7kvu] { background: white; border-radius: 20px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; max-height: 90vh; width: min(90vw, 620px); overflow: hidden; position: relative; inset: auto; margin: 0 auto; align-self: center; height: auto; }

.modal-sm[b-kmkofu7kvu] { width: min(90vw, 440px); }

.modal-header[b-kmkofu7kvu] { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px; background: white; }

.modal-title[b-kmkofu7kvu] { font-size: 16px; font-weight: 800; color: var(--slate-900, #0f172a); margin: 0; }

.modal-subtitle[b-kmkofu7kvu] { font-size: 12px; color: var(--slate-500, #64748b); margin: 2px 0 0 0; font-weight: 600; }

.modal-body[b-kmkofu7kvu] { padding: 24px 32px; overflow-y: auto; flex: 1; }

.modal-footer[b-kmkofu7kvu] { padding: 20px 32px; border-top: 1px solid var(--slate-100, #f1f5f9); display: flex; justify-content: flex-end; gap: 12px; background: white; }

.modal-close[b-kmkofu7kvu] { background: #f1f5f9; border: none; color: #64748b; cursor: pointer; width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; transition: all 0.15s ease; }

	.modal-close:hover[b-kmkofu7kvu] { background: #e2e8f0; color: #334155; }
/* _content/PayliteNG/Pages/SuccessionPlanning/Components/AdvancedProfileModal.razor.rz.scp.css */
.modal-backdrop[b-bq6ev3nli7] { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15, 23, 42, 0.45); backdrop-filter: blur(12px); z-index: 2147483000; isolation: isolate; }

.profile-card-refined[b-bq6ev3nli7] { width: min(980px, 94vw); max-height: 92vh; background: white; border-radius: 40px; position: relative; overflow-y: auto !important; box-shadow: 0 40px 100px rgba(15, 23, 42, 0.2); padding: 0; overflow-x: hidden; }

	.profile-card-refined[b-bq6ev3nli7]::-webkit-scrollbar { width: 6px; }
	.profile-card-refined[b-bq6ev3nli7]::-webkit-scrollbar-track { background: transparent; border-radius: 40px; }
	.profile-card-refined[b-bq6ev3nli7]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 40px; }
	.profile-card-refined[b-bq6ev3nli7]::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.profile-scroll-body[b-bq6ev3nli7] { padding: 40px; }

.hero-banner-refined[b-bq6ev3nli7] { height: 120px; background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); /* border-radius: 40px 40px 0 0; */ margin: -40px -40px 0 -40px; opacity: 0.1; }

.hero-meta-refined[b-bq6ev3nli7] { display: flex; align-items: flex-end; gap: 32px; margin-top: -60px; margin-bottom: 40px; padding-bottom: 24px; border-bottom: 1px solid #f1f5f9; position: relative; }

.refined-avatar-container[b-bq6ev3nli7] { position: relative; }
.refined-avatar-xl[b-bq6ev3nli7] { width: 140px; height: 140px; border-radius: 32px; border: 6px solid white; box-shadow: 0 15px 30px rgba(0,0,0,0.1); object-fit: cover; }

.presence-dot[b-bq6ev3nli7] { position: absolute; width: 16px; height: 16px; background: #10b981; border: 3px solid white; border-radius: 50%; }

.hero-text-refined[b-bq6ev3nli7] { flex: 1; padding-bottom: 15px; }
.refined-name[b-bq6ev3nli7] { font-size: 32px; font-weight: 950; letter-spacing: -0.04em; margin: 0; }
.refined-role[b-bq6ev3nli7] { font-size: 15px; font-weight: 700; color: #64748b; margin: 4px 0 0 0; }

.metrics-hub-refined[b-bq6ev3nli7] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }

.metric-card-refined[b-bq6ev3nli7] { background: #f8fafc; border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 4px; border: 1px solid #f1f5f9; }

.metric-icon-refined[b-bq6ev3nli7] { font-size: 20px; margin-bottom: 8px; }
.metric-label-refined[b-bq6ev3nli7] { font-size: 10px; font-weight: 900; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; }
.metric-value-refined[b-bq6ev3nli7] { font-size: 20px; font-weight: 950; color: #0f172a; }

.refined-section[b-bq6ev3nli7] { margin-bottom: 40px; }
.refined-section-title[b-bq6ev3nli7] { font-size: 11px; font-weight: 950; color: #3b82f6; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; letter-spacing: 0.1em; }

.ai-insights-box-refined[b-bq6ev3nli7] { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 32px; padding: 32px; margin-bottom: 40px; }

.ai-generate-btn[b-bq6ev3nli7] { background: #0f172a; color: white; border: none; padding: 10px 20px; border-radius: 12px; font-size: 10px; font-weight: 900; cursor: pointer; display: flex; align-items: center; gap: 8px; }

.skill-pill-refined[b-bq6ev3nli7] { padding: 8px 16px; background: #eff6ff; color: #3b82f6; border-radius: 12px; font-size: 12px; font-weight: 800; }

.aspiration-text[b-bq6ev3nli7] { font-size: 16px; font-style: italic; color: #334155; font-weight: 600; line-height: 1.6; }

.action-item-refined[b-bq6ev3nli7] { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 20px; display: flex; align-items: center; gap: 16px; transition: all 0.2s; }

.action-status-btn[b-bq6ev3nli7] { width: 28px; height: 28px; border-radius: 50%; border: 2px solid #e2e8f0; background: white; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; }
	.action-status-btn.completed[b-bq6ev3nli7] { background: #10b981; border-color: #10b981; }

.close-btn-refined[b-bq6ev3nli7] { position: absolute; top: 24px; right: 24px; background: white; border: none; color: #94a3b8; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; z-index: 100; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

.btn-action[b-bq6ev3nli7] { height: 40px; min-width: 96px; padding: 0 20px; border-radius: 12px; font-size: 12px; font-weight: 800; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: none; transition: all 0.2s ease; white-space: nowrap; overflow: visible; text-indent: unset; }
	.btn-action:hover[b-bq6ev3nli7] { transform: translateY(-1px); }

.btn-draft[b-bq6ev3nli7] { background: #eef2ff; color: #4338ca; border: 1px solid #c7d2fe; box-shadow: 0 6px 14px rgba(99, 102, 241, 0.12); }
	.btn-draft:hover[b-bq6ev3nli7] { background: #e0e7ff; border-color: #a5b4fc; color: #3730a3; }
.btn-commit[b-bq6ev3nli7] { background: #0f172a; color: white; }

.btn-draft-icon[b-bq6ev3nli7] { color: #4f46e5; font-size: 13px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }

.btn-draft-label[b-bq6ev3nli7] { color: #3730a3; font-size: 12px; font-weight: 900; letter-spacing: 0.02em; line-height: 1; }

.btn-outline[b-bq6ev3nli7] { background: white; border: 1px solid #cbd5e1; color: #475569; border-radius: 12px; }
	.btn-outline:hover[b-bq6ev3nli7] { background: #f8fafc; border-color: #94a3b8; }

.spinner-border[b-bq6ev3nli7] { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.45); border-right-color: transparent; border-radius: 50%; animation: profileSpin-b-bq6ev3nli7 0.7s linear infinite; }

.spinner-border-sm[b-bq6ev3nli7] { width: 12px; height: 12px; border-width: 2px; }

@keyframes profileSpin-b-bq6ev3nli7 {
	to { transform: rotate(360deg); }
}

@media (max-width: 900px) {
	.profile-scroll-body[b-bq6ev3nli7] { padding: 20px; }
	.hero-banner-refined[b-bq6ev3nli7] { margin: -20px -20px 0 -20px; }
	.hero-meta-refined[b-bq6ev3nli7] { gap: 16px; margin-top: -40px; margin-bottom: 24px; }
	.refined-avatar-xl[b-bq6ev3nli7] { width: 96px; height: 96px; border-radius: 24px; }
	.refined-name[b-bq6ev3nli7] { font-size: 26px; }
	.metrics-hub-refined[b-bq6ev3nli7] { grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px; }
}

.learning-list[b-bq6ev3nli7] { display: flex; flex-direction: column; gap: 8px; }
.learning-item[b-bq6ev3nli7] { padding: 10px 16px; background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 10px; display: flex; gap: 12px; align-items: center; }
.learning-text[b-bq6ev3nli7] { font-size: 11px; font-weight: 700; color: #475569; }

.link-btn[b-bq6ev3nli7] { background: none; border: none; color: #3b82f6; font-size: 11px; font-weight: 800; cursor: pointer; }

.learning-edit-list[b-bq6ev3nli7] { display: flex; flex-direction: column; gap: 8px; }
.learning-edit-row[b-bq6ev3nli7] { display: flex; gap: 8px; align-items: center; }
.learning-add-row[b-bq6ev3nli7] { display: flex; gap: 8px; margin-top: 8px; }
.learning-row-actions[b-bq6ev3nli7] { display: flex; gap: 6px; align-items: center; }

.learning-input[b-bq6ev3nli7] { flex: 1; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 10px; font-size: 12px; font-weight: 600; color: #334155; background: #fff; }

.mini-btn[b-bq6ev3nli7] { border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 8px; padding: 8px 12px; font-size: 11px; font-weight: 800; cursor: pointer; }

.move-learning-btn[b-bq6ev3nli7] { width: 30px; height: 30px; border-radius: 6px; border: 1px solid #cbd5e1; background: #f8fafc; color: #334155; font-weight: 900; cursor: pointer; }
.move-learning-btn:disabled[b-bq6ev3nli7] { opacity: 0.4; cursor: not-allowed; }

.mini-btn-primary[b-bq6ev3nli7] { background: #0f172a; border-color: #0f172a; color: white; }

.delete-learning-btn[b-bq6ev3nli7] { width: 30px; height: 30px; border-radius: 6px; border: 1px solid #fecaca; background: #fef2f2; color: #b91c1c; font-weight: 900; cursor: pointer; }

.learning-empty[b-bq6ev3nli7] { font-size: 11px; color: #94a3b8; font-weight: 600; padding: 6px 0; }
.learning-error[b-bq6ev3nli7] { font-size: 11px; color: #b91c1c; font-weight: 700; margin-top: 8px; }

/* _content/PayliteNG/Pages/SuccessionPlanning/Components/CalibrationAnalyticsModal.razor.rz.scp.css */
.analytics-sheet[b-z0swbz78v9] { width: 1000px; background: white; border-radius: 40px; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,0.2); }

.analytics-header[b-z0swbz78v9] { padding: 40px 60px; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center; }

.analytics-title[b-z0swbz78v9] { font-size: 32px; font-weight: 950; color: #1e3a8a; margin: 0; }
.analytics-subtitle[b-z0swbz78v9] { font-size: 16px; font-weight: 600; color: #94a3b8; margin: 8px 0 0 0; }

.close-btn[b-z0swbz78v9] { background: none; border: none; font-size: 28px; color: #cbd5e1; cursor: pointer; transition: color 0.2s; }
	.close-btn:hover[b-z0swbz78v9] { color: #64748b; }

.analytics-body[b-z0swbz78v9] { padding: 60px; background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 30px 30px; }

.section-label[b-z0swbz78v9] { font-size: 14px; font-weight: 950; color: #94a3b8; letter-spacing: 0.1em; margin-bottom: 40px; }

.bar-chart-container[b-z0swbz78v9] { display: flex; gap: 20px; height: 300px; position: relative; }

.y-axis[b-z0swbz78v9] { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 30px; color: #94a3b8; font-size: 12px; font-weight: 800; text-align: right; width: 20px; }

.chart-area[b-z0swbz78v9] { flex: 1; display: flex; justify-content: space-around; align-items: flex-end; padding-bottom: 30px; border-bottom: 1px dashed #e2e8f0; position: relative; }

.bar-group[b-z0swbz78v9] { display: flex; flex-direction: column; align-items: center; width: 80px; }

.bars[b-z0swbz78v9] { display: flex; align-items: flex-end; gap: 8px; height: 100%; margin-bottom: 12px; }

.bar-actual[b-z0swbz78v9] { width: 32px; background: #6366f1; border-radius: 6px 6px 0 0; transition: height 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }

.bar-target[b-z0swbz78v9] { width: 32px; background: #e2e8f0; border-radius: 6px 6px 0 0; }

.bar-label[b-z0swbz78v9] { font-size: 12px; font-weight: 800; color: #94a3b8; white-space: nowrap; }

.chart-legend[b-z0swbz78v9] { display: flex; gap: 24px; margin-top: 24px; justify-content: center; }

.legend-item[b-z0swbz78v9] { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 950; color: #3b82f6; }

.dot[b-z0swbz78v9] { width: 14px; height: 14px; border-radius: 4px; }
	.dot.actual[b-z0swbz78v9] { background: #6366f1; }
	.dot.target[b-z0swbz78v9] { background: #e2e8f0; }

.insight-card[b-z0swbz78v9] { padding: 32px; border-radius: 24px; display: flex; gap: 24px; margin-bottom: 20px; border: 1px solid transparent; }

	.insight-card.warning[b-z0swbz78v9] { background: #fffdf0; border-color: #fef08a; }
	.insight-card.success[b-z0swbz78v9] { background: #f0fdf4; border-color: #bbf7d0; }

.insight-icon[b-z0swbz78v9] { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.warning .insight-icon[b-z0swbz78v9] { background: #fef9c3; border: 1px solid #fde047; }
.success .insight-icon[b-z0swbz78v9] { background: #dcfce7; border: 1px solid #86efac; }

.insight-title[b-z0swbz78v9] { font-size: 18px; font-weight: 900; color: #854d0e; margin: 0; }
.success .insight-title[b-z0swbz78v9] { color: #15803d; }
.insight-text[b-z0swbz78v9] { font-size: 14px; font-weight: 600; color: #92400e; margin: 8px 0 0 0; line-height: 1.5; opacity: 0.8; }
.success .insight-text[b-z0swbz78v9] { color: #166534; }

.metric-box[b-z0swbz78v9] { background: #f8fafc; border-radius: 24px; padding: 32px; border: 1px solid #f1f5f9; display: flex; flex-direction: column; gap: 8px; }

.metric-label[b-z0swbz78v9] { font-size: 12px; font-weight: 900; color: #94a3b8; letter-spacing: 0.05em; }
.metric-value[b-z0swbz78v9] { font-size: 40px; font-weight: 950; color: #1e293b; }
/* _content/PayliteNG/Pages/SuccessionPlanning/Components/DevelopmentRoadmapModal.razor.rz.scp.css */
.roadmap-modal[b-um4b0hry41] { width: 800px; background: white; border-radius: 24px; position: relative; box-shadow: 0 50px 100px rgba(0,0,0,0.3); display: flex; flex-direction: column; max-height: 90vh; overflow: hidden; }

.roadmap-header[b-um4b0hry41] { padding: 32px 40px; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center; }

.modal-title[b-um4b0hry41] { font-size: 24px; font-weight: 800; color: #0f172a; margin: 0; }
.modal-subtitle[b-um4b0hry41] { font-size: 14px; color: #64748b; margin: 4px 0 0 0; }

.roadmap-body[b-um4b0hry41] { padding: 32px 40px; overflow-y: auto; flex: 1; }

.config-grid[b-um4b0hry41] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 32px; }

.form-group label[b-um4b0hry41] { display: block; font-size: 13px; font-weight: 700; color: #475569; margin-bottom: 8px; }

.input-container[b-um4b0hry41] { display: flex; align-items: center; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 0 16px; height: 48px; }

	.input-container .icon[b-um4b0hry41] { margin-right: 12px; font-size: 18px; }
	.input-container input[b-um4b0hry41], .input-container select[b-um4b0hry41] { flex: 1; background: transparent; border: none; font-size: 14px; font-weight: 600; color: #1e293b; outline: none; }

.ai-action-area[b-um4b0hry41] { margin-bottom: 40px; }

.ai-gen-btn[b-um4b0hry41] { width: 100%; height: 56px; background: linear-gradient(135deg, #6366f1, #4f46e5); color: white; border: none; border-radius: 14px; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 12px; cursor: pointer; transition: all 0.2s; box-shadow: 0 10px 20px rgba(79, 70, 229, 0.2); }

	.ai-gen-btn:hover[b-um4b0hry41] { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(79, 70, 229, 0.3); }
	.ai-gen-btn:active[b-um4b0hry41] { transform: translateY(0); }
	.ai-gen-btn.loading[b-um4b0hry41] { background: #94a3b8; cursor: not-allowed; box-shadow: none; }

.spinner[b-um4b0hry41] { width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: spin-b-um4b0hry41 1s infinite linear; }

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

.tasks-section[b-um4b0hry41] { background: #fdfdfd; border: 1px dashed #cbd5e1; border-radius: 16px; padding: 24px; }

.section-header[b-um4b0hry41] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

	.section-header h3[b-um4b0hry41] { font-size: 16px; font-weight: 800; color: #334155; margin: 0; }

.add-task-btn[b-um4b0hry41] { padding: 8px 16px; background: #e0f2fe; color: #0369a1; border: none; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; }

.empty-tasks[b-um4b0hry41] { text-align: center; padding: 40px 0; color: #94a3b8; font-size: 14px; }

.tasks-list[b-um4b0hry41] { display: flex; flex-direction: column; gap: 12px; }

.task-row[b-um4b0hry41] { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }

.task-main input[b-um4b0hry41] { width: 100%; border: none; font-size: 14px; font-weight: 600; color: #1e293b; outline: none; }

.task-meta[b-um4b0hry41] { display: flex; gap: 12px; align-items: center; }

	.task-meta input[b-um4b0hry41], .task-meta select[b-um4b0hry41] { padding: 6px 12px; background: #f1f5f9; border: none; border-radius: 6px; font-size: 12px; font-weight: 700; color: #475569; outline: none; }

.delete-task[b-um4b0hry41] { margin-left: auto; background: transparent; border: none; color: #cbd5e1; cursor: pointer; padding: 4px; }

	.delete-task:hover[b-um4b0hry41] { color: #ef4444; }

.roadmap-footer[b-um4b0hry41] { padding: 24px 40px; border-top: 1px solid #f1f5f9; display: flex; justify-content: flex-end; gap: 16px; }

.btn-cancel[b-um4b0hry41] { padding: 12px 24px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; font-size: 14px; font-weight: 700; color: #64748b; cursor: pointer; }

.btn-save[b-um4b0hry41] { padding: 12px 28px; background: #0f172a; color: white; border: none; border-radius: 12px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 10px; cursor: pointer; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.2); }

.close-btn[b-um4b0hry41] { background: none; border: none; color: #94a3b8; font-size: 20px; cursor: pointer; }
/* _content/PayliteNG/Pages/SuccessionPlanning/Components/EmployeeAvatar.razor.rz.scp.css */
.refined-avatar-xl[b-btl6reukas] { width: 140px; height: 140px; border-radius: 32px; border: 6px solid white; box-shadow: 0 15px 30px rgba(0,0,0,0.1); object-fit: cover; }

.refined-avatar[b-btl6reukas] { width: 140px; height: 180px; border-radius: 12px; object-fit: cover; box-shadow: 0 10px 20px rgba(0,0,0,0.1); border: 1px solid #f1f5f9; }

.avatar-large[b-btl6reukas] { width: 128px; height: 128px; border-radius: 50%; border: 6px solid #f8fafc; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); margin-bottom: 24px; object-fit: cover; }

.pivot-avatar[b-btl6reukas] { width: 128px; height: 128px; border-radius: 32px; object-fit: cover; border: 4px solid rgba(59, 130, 246, 0.5); /* Glowing blue border */ box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: rotate(2deg); }
.pivot-avatar-wrap:hover .pivot-avatar[b-btl6reukas] { transform: rotate(0deg); }

.emp-avatar-v2[b-btl6reukas] { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
/* _content/PayliteNG/Pages/SuccessionPlanning/Components/EmployeeProfileModal.razor.rz.scp.css */
.employee-profile-card-refined[b-p3oaw4cral] { width: 800px; max-width: 800px; max-height: 90vh; background: white; border-radius: 20px; position: relative; overflow-y: auto !important; box-shadow: 0 40px 100px rgba(0,0,0,0.2); }

	/* Custom Scrollbar */
	.employee-profile-card-refined[b-p3oaw4cral]::-webkit-scrollbar { width: 6px; }
	.employee-profile-card-refined[b-p3oaw4cral]::-webkit-scrollbar-track { background: transparent; border-radius: 20px; }
	.employee-profile-card-refined[b-p3oaw4cral]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 20px; }
		.employee-profile-card-refined[b-p3oaw4cral]::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.profile-card-content[b-p3oaw4cral] { background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 20px 20px; padding: 40px; }

.close-btn-refined[b-p3oaw4cral] { position: absolute; top: 24px; right: 24px; background: none; border: none; color: #94a3b8; font-size: 20px; cursor: pointer; z-index: 10; }

.refined-header[b-p3oaw4cral] { display: flex; gap: 24px; margin-bottom: 40px; align-items: flex-start; }

.refined-avatar[b-p3oaw4cral] { width: 140px; height: 180px; border-radius: 12px; object-fit: cover; box-shadow: 0 10px 20px rgba(0,0,0,0.1); border: 1px solid #f1f5f9; }

.presence-dot[b-p3oaw4cral] { position: absolute; bottom: 8px; right: -8px; width: 16px; height: 16px; background: #10b981; border: 3px solid white; border-radius: 50%; }

.refined-name[b-p3oaw4cral] { font-size: 28px; font-weight: 950; color: #1e3a8a; margin: 0 0 4px 0; }
.refined-role[b-p3oaw4cral] { font-size: 14px; font-weight: 700; color: #475569; margin: 0 0 16px 0; }

.refined-indicators[b-p3oaw4cral] { display: flex; gap: 6px; }
.indicator-bar[b-p3oaw4cral] { width: 16px; height: 4px; background: #1e3a8a; border-radius: 2px; }

.refined-grid[b-p3oaw4cral] { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #f1f5f9; border-radius: 12px; overflow: hidden; background: white; }

.refined-section[b-p3oaw4cral] { padding: 20px; position: relative; }
.border-right[b-p3oaw4cral] { border-right: 1px solid #f1f5f9; }
.border-bottom[b-p3oaw4cral] { border-bottom: 1px solid #f1f5f9; }

.refined-section-title[b-p3oaw4cral] { font-size: 10px; font-weight: 950; color: #3b82f6; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }

.refined-timeline[b-p3oaw4cral] { position: relative; padding-top: 20px; }
.timeline-lane[b-p3oaw4cral] { display: flex; justify-content: space-between; position: relative; }
	.timeline-lane[b-p3oaw4cral]::after { content: ''; position: absolute; top: 5px; left: 0; right: 0; height: 1px; background: #f1f5f9; z-index: 0; }

.timeline-point[b-p3oaw4cral] { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; flex: 1; text-align: center; }
.point-circle[b-p3oaw4cral] { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #e2e8f0; background: white; margin-bottom: 8px; }
.timeline-point.active .point-circle[b-p3oaw4cral] { border-color: #3b82f6; background: radial-gradient(#3b82f6 3px, white 3px); }

.point-label[b-p3oaw4cral] { font-size: 8px; font-weight: 800; color: #94a3b8; }
.point-subtext[b-p3oaw4cral] { font-size: 7px; color: #cbd5e1; }

.aspiration-text[b-p3oaw4cral] { font-size: 13px; font-style: italic; color: #475569; font-weight: 600; line-height: 1.5; }

.radar-box[b-p3oaw4cral] { display: flex; justify-content: center; margin-bottom: 12px; }
.radar-stats[b-p3oaw4cral] { font-size: 9px; color: #64748b; font-weight: 700; }
.stat-row[b-p3oaw4cral] { display: flex; justify-content: space-between; margin-bottom: 2px; }

.risk-display[b-p3oaw4cral] { text-align: center; padding: 10px 0; }
.risk-value[b-p3oaw4cral] { font-size: 32px; font-weight: 950; margin: 0; line-height: 1; }
	.risk-value.high[b-p3oaw4cral] { color: #ef4444; }
	.risk-value.medium[b-p3oaw4cral] { color: #f59e0b; }
	.risk-value.low[b-p3oaw4cral] { color: #10b981; }
.risk-trend[b-p3oaw4cral] { font-size: 8px; font-weight: 900; color: #94a3b8; margin-top: 8px; }

.roadmap-btn[b-p3oaw4cral] { width: 100%; padding: 12px 20px; background: white; border: 1px solid #3b82f6; color: #3b82f6; border-radius: 8px; font-size: 12px; font-weight: 800; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }

.ai-insights-btn[b-p3oaw4cral] { width: 100%; padding: 12px 20px; background: #0f172a; border: none; color: white; border-radius: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.5px; display: flex; justify-content: center; align-items: center; gap: 8px; cursor: pointer; transition: background 0.2s; }
	.ai-insights-btn:hover[b-p3oaw4cral] { background: #1e293b; }

.insights-loading[b-p3oaw4cral] { display: flex; align-items: center; justify-content: center; padding: 20px; background: #f8fafc; border-radius: 8px; border: 1px dashed #cbd5e1; }

.insights-box[b-p3oaw4cral] { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 16px; }

.insights-list[b-p3oaw4cral] { margin: 0; padding-left: 20px; font-size: 12px; color: #166534; font-weight: 500; line-height: 1.5; }
	.insights-list li[b-p3oaw4cral] { margin-bottom: 8px; }
		.insights-list li:last-child[b-p3oaw4cral] { margin-bottom: 0; }

.learning-list[b-p3oaw4cral] { display: flex; flex-direction: column; gap: 8px; }
.learning-item[b-p3oaw4cral] { padding: 10px 16px; background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 10px; display: flex; gap: 12px; align-items: center; }
.learning-text[b-p3oaw4cral] { font-size: 11px; font-weight: 700; color: #475569; }

.link-btn[b-p3oaw4cral] { background: none; border: none; color: #3b82f6; font-size: 11px; font-weight: 800; cursor: pointer; }

.learning-edit-list[b-p3oaw4cral] { display: flex; flex-direction: column; gap: 8px; }
.learning-edit-row[b-p3oaw4cral] { display: flex; gap: 8px; align-items: center; }
.learning-add-row[b-p3oaw4cral] { display: flex; gap: 8px; margin-top: 8px; }
.learning-row-actions[b-p3oaw4cral] { display: flex; gap: 6px; align-items: center; }

.learning-input[b-p3oaw4cral] { flex: 1; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 10px; font-size: 12px; font-weight: 600; color: #334155; background: #fff; }

.mini-btn[b-p3oaw4cral] { border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 8px; padding: 8px 12px; font-size: 11px; font-weight: 800; cursor: pointer; }

.move-learning-btn[b-p3oaw4cral] { width: 30px; height: 30px; border-radius: 6px; border: 1px solid #cbd5e1; background: #f8fafc; color: #334155; font-weight: 900; cursor: pointer; }

	.move-learning-btn:disabled[b-p3oaw4cral] { opacity: 0.4; cursor: not-allowed; }

.mini-btn-primary[b-p3oaw4cral] { background: #0f172a; border-color: #0f172a; color: white; }

.delete-learning-btn[b-p3oaw4cral] { width: 30px; height: 30px; border-radius: 6px; border: 1px solid #fecaca; background: #fef2f2; color: #b91c1c; font-weight: 900; cursor: pointer; }

.learning-empty[b-p3oaw4cral] { font-size: 11px; color: #94a3b8; font-weight: 600; padding: 6px 0; }

.learning-error[b-p3oaw4cral] { font-size: 11px; color: #b91c1c; font-weight: 700; margin-top: 8px; }
/* _content/PayliteNG/Pages/SuccessionPlanning/Components/ManageSuccessorsModal.razor.rz.scp.css */
.modal-backdrop[b-wabj7lpjre] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); backdrop-filter: blur(8px); z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; }

.modal-sheet[b-wabj7lpjre] { background: white; border-radius: 24px; width: 100%; max-width: 620px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); display: flex; flex-direction: column; max-height: 90vh; border: 1px solid #e2e8f0; overflow: hidden; }

.manage-successors-modal[b-wabj7lpjre] { animation: modalLiftIn-b-wabj7lpjre 0.2s ease-out; }

.modal-header-v2[b-wabj7lpjre] { padding: 32px; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: flex-start; }

.modal-title-v2[b-wabj7lpjre] { font-size: 24px; font-weight: 800; color: #0f172a; margin: 0; }
.modal-subtitle-v2[b-wabj7lpjre] { font-size: 14px; color: #64748b; margin: 4px 0 0 0; font-weight: 600; }
.close-btn-v2[b-wabj7lpjre] { background: #f1f5f9; border: none; font-size: 18px; color: #94a3b8; cursor: pointer; width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
	.close-btn-v2:hover[b-wabj7lpjre] { background: #e2e8f0; color: #334155; }

.modal-body-v2[b-wabj7lpjre] { padding: 32px; overflow-y: auto; flex: 1; }

.pipeline-list[b-wabj7lpjre] { display: flex; flex-direction: column; gap: 10px; }

.empty-state-v2[b-wabj7lpjre] { padding: 14px 16px; border: 1px dashed #cbd5e1; border-radius: 12px; background: #f8fafc; color: #94a3b8; font-size: 12px; font-weight: 700; }

.section-v2[b-wabj7lpjre] { margin-bottom: 32px; }
.section-title-v2[b-wabj7lpjre] { font-size: 11px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; }

.incumbent-panel-v2[b-wabj7lpjre] { display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid #f1f5f9; border-radius: 16px; background: #f8fafc; }

.incumbent-current-v2[b-wabj7lpjre] { display: flex; align-items: center; gap: 12px; }

.incumbent-actions-v2[b-wabj7lpjre] { display: flex; gap: 8px; align-items: center; }

.incumbent-select-v2[b-wabj7lpjre] { padding-left: 12px; background: white; flex: 1; }

.btn-update-incumbent-v2[b-wabj7lpjre] { min-width: 96px; }

.pipeline-item[b-wabj7lpjre] { display: flex; justify-content: space-between; align-items: center; padding: 16px; background: white; border: 1px solid #f1f5f9; border-radius: 16px; margin-bottom: 12px; transition: all 0.2s; }
	.pipeline-item:hover[b-wabj7lpjre] { border-color: #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }

.pipeline-emp-info[b-wabj7lpjre] { display: flex; align-items: center; gap: 16px; }
.emp-avatar-v2[b-wabj7lpjre] { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.emp-name-v2[b-wabj7lpjre] { font-size: 15px; font-weight: 700; color: #1e293b; }
.emp-meta-v2[b-wabj7lpjre] { display: flex; gap: 8px; align-items: center; margin-top: 2px; }
.readiness-v2[b-wabj7lpjre] { font-size: 11px; color: #64748b; font-weight: 600; }
.match-badge-v2[b-wabj7lpjre] { font-size: 10px; font-weight: 800; color: #3b82f6; background: #eff6ff; padding: 2px 8px; border-radius: 6px; }

.remove-btn-v2[b-wabj7lpjre] { background: none; border: none; color: #ef4444; font-size: 13px; font-weight: 700; cursor: pointer; padding: 4px 8px; border-radius: 8px; }
	.remove-btn-v2:hover[b-wabj7lpjre] { background: #fee2e2; }

.search-container-v2[b-wabj7lpjre] { position: relative; }
.search-icon-v2[b-wabj7lpjre] { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #94a3b8; }
.form-control-v2[b-wabj7lpjre] { width: 100%; padding: 14px 16px 14px 44px; border: 1px solid #e2e8f0; border-radius: 12px; font-size: 14px; background: #f8fafc; }
	.form-control-v2:focus[b-wabj7lpjre] { outline: none; border-color: #3b82f6; background: white; }

.search-results-v2[b-wabj7lpjre] { border: 1px solid #e2e8f0; border-radius: 12px; margin-top: 8px; max-height: 200px; overflow-y: auto; background: white; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.search-result-item-v2[b-wabj7lpjre] { display: flex; align-items: center; gap: 12px; padding: 12px 16px; cursor: pointer; transition: background 0.2s; }
	.search-result-item-v2:hover[b-wabj7lpjre] { background: #f8fafc; }
.emp-avatar-v3[b-wabj7lpjre] { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.emp-name-v3[b-wabj7lpjre] { font-size: 13px; font-weight: 700; color: #0f172a; }
.emp-role-v3[b-wabj7lpjre] { font-size: 11px; color: #64748b; }
.add-icon-v2[b-wabj7lpjre] { margin-left: auto; font-size: 18px; color: #10b981; font-weight: 800; }

.section-header-row-v2[b-wabj7lpjre] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.ai-suggest-btn-v2[b-wabj7lpjre] { background: none; border: none; font-size: 10px; font-weight: 800; color: #3b82f6; text-transform: uppercase; display: flex; align-items: center; gap: 4px; cursor: pointer; }
	.ai-suggest-btn-v2:hover[b-wabj7lpjre] { opacity: 0.8; }

.skills-grid-v2[b-wabj7lpjre] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.skill-badge-v2[b-wabj7lpjre] { background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.skill-remove-v2[b-wabj7lpjre] { cursor: pointer; font-size: 10px; color: #94a3b8; }
	.skill-remove-v2:hover[b-wabj7lpjre] { color: #ef4444; }

.skill-input-row-v2[b-wabj7lpjre] { display: flex; gap: 8px; }
	.skill-input-row-v2 .form-control-v2[b-wabj7lpjre] { padding-left: 16px; }
.btn-add-v2[b-wabj7lpjre] { background: #64748b; color: white; border: none; padding: 0 16px; border-radius: 12px; font-size: 13px; font-weight: 700; cursor: pointer; }
	.btn-add-v2:hover[b-wabj7lpjre] { background: #475569; }

.modal-footer-v2[b-wabj7lpjre] { padding: 24px 32px; background: #f8fafc; border-top: 1px solid #f1f5f9; display: flex; justify-content: flex-end; border-radius: 0 0 24px 24px; }
.btn-done-v2[b-wabj7lpjre] { background: #0f172a; color: white; border: none; padding: 12px 32px; border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer; }
	.btn-done-v2:hover[b-wabj7lpjre] { background: #1e293b; }

.spinner-sm[b-wabj7lpjre] { width: 12px; height: 12px; border: 2px solid #3b82f6; border-top-color: transparent; border-radius: 50%; display: inline-block; animation: spin-b-wabj7lpjre 1s linear infinite; }

@keyframes modalLiftIn-b-wabj7lpjre {
	from { opacity: 0; transform: translateY(14px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 720px) {
	.modal-header-v2[b-wabj7lpjre],
	.modal-body-v2[b-wabj7lpjre],
	.modal-footer-v2[b-wabj7lpjre] { padding: 18px; }

	.modal-title-v2[b-wabj7lpjre] { font-size: 18px; }

	.pipeline-item[b-wabj7lpjre] { align-items: flex-start; gap: 10px; }

	.pipeline-emp-info[b-wabj7lpjre] { gap: 10px; }
}

@keyframes spin-b-wabj7lpjre {
	to { transform: rotate(360deg); }
}
/* _content/PayliteNG/Pages/SuccessionPlanning/CurriculumLibrary.razor.rz.scp.css */
.cl-header[b-kf7u7ft4ce] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}

.cl-title[b-kf7u7ft4ce] {
	font-size: 28px;
	font-weight: 950;
	color: #0f172a;
	margin: 0;
	letter-spacing: -0.02em;
}

.cl-subtitle[b-kf7u7ft4ce] {
	font-size: 13px;
	color: #64748b;
	margin-top: 4px;
	font-weight: 500;
}

.cl-header-btn[b-kf7u7ft4ce] {
	height: 40px;
	padding: 0 16px;
	border-radius: 12px;
	border: 1px solid #2563eb;
	background: #2563eb;
	color: white;
	font-size: 12px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

	.cl-header-btn:hover[b-kf7u7ft4ce] {
		background: #1d4ed8;
		border-color: #1d4ed8;
		transform: translateY(-1px);
		box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
	}

/* ── Sidebar List ─────────────────────────────────────────── */

.cl-list[b-kf7u7ft4ce] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	overflow-y: auto;
	flex: 1;
	padding-right: 4px;
}

.cl-card[b-kf7u7ft4ce] {
	width: 100%;
	text-align: left;
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 14px 16px;
	cursor: pointer;
	transition: all 0.15s ease;
	display: block;
}

	.cl-card:hover[b-kf7u7ft4ce] {
		border-color: #bfdbfe;
		background: #f8fafc;
	}

	.cl-card--active[b-kf7u7ft4ce] {
		border-color: #2563eb;
		background: #eff6ff;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
	}

.cl-type-dot[b-kf7u7ft4ce] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* ── Detail Panel ─────────────────────────────────────────── */

.cl-panel-header[b-kf7u7ft4ce] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 32px;
	border-bottom: 1px solid #f1f5f9;
	background: white;
	flex-shrink: 0;
}

.cl-panel-title[b-kf7u7ft4ce] {
	font-size: 16px;
	font-weight: 800;
	color: #0f172a;
	margin: 0;
}

.cl-stat-card[b-kf7u7ft4ce] {
	background: #f8fafc;
	border: 1px solid #f1f5f9;
	border-radius: 14px;
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.cl-stat-label[b-kf7u7ft4ce] {
	font-size: 10px;
	font-weight: 800;
	color: #94a3b8;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cl-stat-value[b-kf7u7ft4ce] {
	font-size: 18px;
	font-weight: 800;
	color: #0f172a;
}

/* ── Delete / Danger Buttons ──────────────────────────────── */

.cl-btn-danger[b-kf7u7ft4ce] {
	background: white;
	border: 1px solid #fecaca;
	color: #dc2626;
	height: 34px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	transition: all 0.15s ease;
}

	.cl-btn-danger:hover[b-kf7u7ft4ce] {
		background: #fef2f2;
		border-color: #f87171;
	}

.cl-btn-delete[b-kf7u7ft4ce] {
	background: #dc2626 !important;
	border: 1px solid #dc2626 !important;
	color: white !important;
	height: 40px;
	padding: 0 20px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: all 0.15s ease;
}

	.cl-btn-delete:hover:not(:disabled)[b-kf7u7ft4ce] {
		background: #b91c1c !important;
		border-color: #b91c1c !important;
	}

	.cl-btn-delete:disabled[b-kf7u7ft4ce] {
		opacity: 0.6;
		cursor: not-allowed;
	}

/* ── Modal ────────────────────────────────────────────────── */

.modal-backdrop[b-kf7u7ft4ce] {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.5);
	backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.cl-modal[b-kf7u7ft4ce] {
	background: white;
	border-radius: 20px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	width: min(90vw, 440px);
	overflow: hidden;
	position: relative;
}

.modal-close[b-kf7u7ft4ce] {
	background: #f1f5f9;
	border: none;
	color: #64748b;
	cursor: pointer;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-shrink: 0;
	transition: all 0.15s ease;
}

	.modal-close:hover[b-kf7u7ft4ce] {
		background: #e2e8f0;
		color: #334155;
	}

/* ── Spinner ──────────────────────────────────────────────── */

.cl-spinner[b-kf7u7ft4ce] {
	width: 14px;
	height: 14px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: white;
	border-radius: 50%;
	animation: cl-spin-b-kf7u7ft4ce 0.7s linear infinite;
	flex-shrink: 0;
}

@keyframes cl-spin-b-kf7u7ft4ce {
	to {
		transform: rotate(360deg);
	}
}

/* ── Scoped Bootstrap Button Overrides ───────────────────── */

.cl-page .btn[b-kf7u7ft4ce] {
	height: 40px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	line-height: 1 !important;
	text-transform: none !important;
	transition: all 0.2s ease !important;
}

.cl-page .btn-sm[b-kf7u7ft4ce] {
	height: 34px !important;
	padding: 0 12px !important;
	font-size: 11px !important;
	border-radius: 10px !important;
}

.cl-page .btn-dark[b-kf7u7ft4ce] {
	background: #0f172a !important;
	border: 1px solid #0f172a !important;
	color: white !important;
}

	.cl-page .btn-dark:hover:not(:disabled)[b-kf7u7ft4ce] {
		background: #1e293b !important;
		border-color: #1e293b !important;
		transform: translateY(-1px);
		box-shadow: 0 8px 16px rgba(15, 23, 42, 0.15);
	}

.cl-page .btn-secondary[b-kf7u7ft4ce] {
	background: white !important;
	border: 1px solid #e2e8f0 !important;
	color: #475569 !important;
}

	.cl-page .btn-secondary:hover:not(:disabled)[b-kf7u7ft4ce] {
		background: #f8fafc !important;
		border-color: #cbd5e1 !important;
		color: #334155 !important;
	}

.cl-page .btn:disabled[b-kf7u7ft4ce] {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: none !important;
}

/* ── Scoped Form Overrides ────────────────────────────────── */

.cl-page .form-control[b-kf7u7ft4ce] {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
	background: white;
	color: #0f172a;
	outline: none;
	box-shadow: none;
}

	.cl-page .form-control:focus[b-kf7u7ft4ce] {
		border-color: #3b82f6;
		box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
	}

.cl-page .form-group[b-kf7u7ft4ce] {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 20px;
}

.cl-page .form-label[b-kf7u7ft4ce] {
	font-size: 12px;
	font-weight: 700;
	color: #475569;
	margin: 0;
}

.cl-page .validation-message[b-kf7u7ft4ce] {
	font-size: 11px;
	color: #dc2626;
	font-weight: 600;
	margin-top: 2px;
}

/* ── Badges ───────────────────────────────────────────────── */

.cl-page .badge[b-kf7u7ft4ce] {
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	border-radius: 6px;
	font-weight: 700;
	line-height: 1;
}

.cl-page .badge-secondary[b-kf7u7ft4ce] {
	background: #f1f5f9;
	color: #64748b;
	border: 1px solid #e2e8f0;
}

.cl-page .badge-success[b-kf7u7ft4ce] {
	background: #ecfdf5;
	color: #059669;
	border: 1px solid #a7f3d0;
}

/* ── Alert ────────────────────────────────────────────────── */

.cl-page .alert[b-kf7u7ft4ce] {
	padding: 12px 16px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}

.cl-page .alert-success[b-kf7u7ft4ce] {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
}

.cl-page .alert-danger[b-kf7u7ft4ce] {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}
/* _content/PayliteNG/Pages/SuccessionPlanning/ExecutiveInsights.razor.rz.scp.css */
.dashboard-container[b-5rg63vzz3w] {
	display: flex;
	flex-direction: column;
	gap: 24px;
	color: #0f172a;
	padding: 32px;
	--slate-400: #94a3b8;
}

.card-body[b-5rg63vzz3w] { padding: 24px 32px; }

.card-body-padded[b-5rg63vzz3w] { padding: 24px 32px; }

.btn[b-5rg63vzz3w] { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; border: none; font-size: 13px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; }

.btn-primary[b-5rg63vzz3w] { background: #2563eb; color: white; }

	.btn-primary:hover[b-5rg63vzz3w] { background: #1d4ed8; }

.btn-secondary[b-5rg63vzz3w] { background: white; color: #475569; border: 1px solid #e2e8f0; }

	.btn-secondary:hover[b-5rg63vzz3w] { background: #f8fafc; border-color: #cbd5e1; }

.btn-xs[b-5rg63vzz3w] { padding: 6px 10px; font-size: 11px; border-radius: 10px; }

.btn-ghost[b-5rg63vzz3w] { background: white; color: #64748b; border: 1px solid #e2e8f0; }

	.btn-ghost:hover[b-5rg63vzz3w] { background: #f8fafc; color: #1e293b; border-color: #cbd5e1; }

.btn:disabled[b-5rg63vzz3w] { opacity: 0.5; cursor: not-allowed; }

.form-control[b-5rg63vzz3w] { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 13px; outline: none; }

	.form-control:focus[b-5rg63vzz3w] { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12); }

.modal-backdrop[b-5rg63vzz3w] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 1000; }

.spinner[b-5rg63vzz3w] { width: 20px; height: 20px; border: 2px solid rgba(148, 163, 184, 0.35); border-top-color: currentColor; border-radius: 50%; animation: spin-b-5rg63vzz3w 0.7s linear infinite; display: inline-block; }

@keyframes spin-b-5rg63vzz3w {
	to { transform: rotate(360deg); }
}

.avatar-group[b-5rg63vzz3w] { display: flex; }

	.avatar-group .emp-avatar[b-5rg63vzz3w] { margin-left: -8px; }

	.avatar-group .emp-avatar:first-child[b-5rg63vzz3w] { margin-left: 0; }

.emp-avatar[b-5rg63vzz3w] { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }

/* Premium Header Section */
.premium-header[b-5rg63vzz3w] { position: relative; padding: 40px; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 32px; color: white; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.2); margin-bottom: 20px; }

.header-noise[b-5rg63vzz3w] { position: absolute; inset: 0; opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); }

.header-content[b-5rg63vzz3w] { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-end; }

.header-title-section h1[b-5rg63vzz3w] { font-size: 36px; font-weight: 900; letter-spacing: -0.02em; margin: 0; background: linear-gradient(to right, #fff, #94a3b8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-title-section p[b-5rg63vzz3w] { color: #94a3b8; font-size: 16px; margin-top: 8px; }

/* Stat Tiles */
.premium-stats[b-5rg63vzz3w] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 32px; }

.stat-tile[b-5rg63vzz3w] { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); padding: 24px; border-radius: 24px; transition: all 0.3s ease; }

	.stat-tile:hover[b-5rg63vzz3w] { background: rgba(255, 255, 255, 0.08); transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.2); }

.stat-tile-label[b-5rg63vzz3w] { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #94a3b8; margin-bottom: 12px; display: block; }

.stat-tile-value[b-5rg63vzz3w] { font-size: 32px; font-weight: 800; display: flex; align-items: baseline; gap: 8px; }

.stat-tile-sub[b-5rg63vzz3w] { font-size: 12px; font-weight: 500; color: #64748b; }

/* Main Content Grid */
.dashboard-grid[b-5rg63vzz3w] { display: grid; grid-template-columns: 1fr 400px; gap: 24px; /* margin-bottom: 24px; */ }

/* Table Styling */
.premium-card[b-5rg63vzz3w] { background: white; border-radius: 32px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); overflow: hidden; }

.premium-card-header[b-5rg63vzz3w] { padding: 24px 32px; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center; }

.premium-card-title[b-5rg63vzz3w] { font-size: 18px; font-weight: 800; color: #0f172a; }

.data-table-v2[b-5rg63vzz3w] { width: 100%; border-collapse: collapse; }

	.data-table-v2 th[b-5rg63vzz3w] { text-align: left; padding: 16px 32px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; background: #f8fafc; border-bottom: 1px solid #f1f5f9; }

	.data-table-v2 td[b-5rg63vzz3w] { padding: 20px 32px; border-bottom: 1px solid #f8fafc; vertical-align: middle; }

	.data-table-v2 tr:last-child td[b-5rg63vzz3w] { border-bottom: none; }

.role-cell[b-5rg63vzz3w] { display: flex; flex-direction: column; }

.role-title[b-5rg63vzz3w] { font-weight: 700; color: #1e293b; font-size: 14px; }

.role-dept[b-5rg63vzz3w] { font-size: 12px; color: #64748b; }

/* Heatmap/Grid Chart Styles */
.heatmap-grid[b-5rg63vzz3w] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; }

.heatmap-cell[b-5rg63vzz3w] { aspect-ratio: 1; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; transition: all 0.2s ease; padding: 5px; }

	.heatmap-cell:hover[b-5rg63vzz3w] { transform: scale(1.05); z-index: 2; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }

/* AI Side Panel */
.ai-slide-panel[b-5rg63vzz3w] { position: fixed; right: 0; top: 0; bottom: 0; width: 500px; background: white; z-index: 1000; box-shadow: -20px 0 50px rgba(0,0,0,0.1); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.ai-slide-panel--open[b-5rg63vzz3w] { transform: translateX(0); }

.ai-panel-header[b-5rg63vzz3w] { padding: 40px; background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: white; }

.ai-panel-body[b-5rg63vzz3w] { padding: 40px; overflow-y: auto; flex: 1; font-size: 15px; line-height: 1.8; color: #334155; }

.panel-overlay[b-5rg63vzz3w] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(4px); z-index: 999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }

.panel-overlay--open[b-5rg63vzz3w] { opacity: 1; pointer-events: auto; }

.badge-v2[b-5rg63vzz3w] { padding: 6px 12px; border-radius: 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; }

.badge-protected[b-5rg63vzz3w] { background: #ecfdf5; color: #059669; }
.badge-vulnerable[b-5rg63vzz3w] { background: #fef2f2; color: #dc2626; }

/* Checkbox & Bulk Actions */
.custom-checkbox[b-5rg63vzz3w] { width: 20px; height: 20px; border: 2.5px solid #cbd5e1; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); background: white; user-select: none; }

.custom-checkbox--selected[b-5rg63vzz3w] { background: #3b82f6; border-color: #3b82f6; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); }

.custom-checkbox i[b-5rg63vzz3w] { color: white; font-size: 11px; font-weight: 900; display: none; }

.custom-checkbox--selected i[b-5rg63vzz3w] { display: block; }

.bulk-action-bar[b-5rg63vzz3w] { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%) translateY(100px); background: #0f172a; color: white; padding: 12px 24px; border-radius: 20px; display: flex; align-items: center; gap: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.4); z-index: 1000; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); border: 1px solid rgba(255,255,255,0.1); opacity: 0; }

.bulk-action-bar--visible[b-5rg63vzz3w] { transform: translateX(-50%) translateY(0); opacity: 1; }

.selection-count[b-5rg63vzz3w] { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 14px; }

.selection-badge[b-5rg63vzz3w] { background: #3b82f6; color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; }

.bulk-btn[b-5rg63vzz3w] { background: #1e293b; border: 1px solid #334155; color: #f1f5f9; padding: 8px 16px; border-radius: 12px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 8px; }

	.bulk-btn:hover[b-5rg63vzz3w] { background: #334155; transform: translateY(-2px); }

/* Premium Modal Styles */
.modal-premium[b-5rg63vzz3w] { background: white; border-radius: 24px; width: 100%; max-width: 500px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); overflow: hidden; animation: modalFadeUp-b-5rg63vzz3w 0.3s ease-out; }
@keyframes modalFadeUp-b-5rg63vzz3w {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}
.modal-premium-header[b-5rg63vzz3w] { padding: 24px 32px; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: flex-start; background: #f8fafc; }
.modal-premium-title[b-5rg63vzz3w] { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0; }
.modal-premium-subtitle[b-5rg63vzz3w] { font-size: 13px; color: #64748b; margin: 4px 0 0 0; }
.modal-premium-close[b-5rg63vzz3w] { background: none; border: none; font-size: 20px; color: #94a3b8; cursor: pointer; padding: 4px; }
	.modal-premium-close:hover[b-5rg63vzz3w] { color: #64748b; }
.modal-premium-body[b-5rg63vzz3w] { padding: 32px; }
.modal-premium-footer[b-5rg63vzz3w] { padding: 20px 32px; background: #f8fafc; border-top: 1px solid #f1f5f9; display: flex; justify-content: flex-end; gap: 12px; }
.form-group-premium[b-5rg63vzz3w] { margin-bottom: 0; }
.form-label-premium[b-5rg63vzz3w] { display: block; font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; }
.form-control-premium[b-5rg63vzz3w] { width: 100%; padding: 12px 16px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; font-size: 14px; color: #0f172a; transition: all 0.2s; }
	.form-control-premium:focus[b-5rg63vzz3w] { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }
.btn-premium[b-5rg63vzz3w] { padding: 12px 24px; border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; }
.btn-premium--primary[b-5rg63vzz3w] { background: #0f172a; color: white; }
	.btn-premium--primary:hover[b-5rg63vzz3w] { background: #1e293b; }
	.btn-premium--primary:disabled[b-5rg63vzz3w] { opacity: 0.5; cursor: not-allowed; }
.btn-premium--secondary[b-5rg63vzz3w] { background: white; border-color: #e2e8f0; color: #475569; }
	.btn-premium--secondary:hover[b-5rg63vzz3w] { background: #f1f5f9; border-color: #cbd5e1; }

/* Add Role Modal */
.sp-modal-backdrop[b-5rg63vzz3w] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.55); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; z-index: 1100; padding: 20px; }

.sp-modal[b-5rg63vzz3w] { width: 100%; background: white; border-radius: 24px; border: 1px solid #e2e8f0; box-shadow: 0 30px 60px -20px rgba(15, 23, 42, 0.35); overflow: hidden; animation: modalFadeUp-b-5rg63vzz3w 0.2s ease-out; }

.sp-modal-sm[b-5rg63vzz3w] { max-width: 520px; }

.sp-modal-header[b-5rg63vzz3w] { display: flex; align-items: center; justify-content: space-between; padding: 24px 28px; border-bottom: 1px solid #f1f5f9; background: #f8fafc; }

.sp-modal-title[b-5rg63vzz3w] { margin: 0; font-size: 20px; font-weight: 850; color: #0f172a; }

.sp-modal-close[b-5rg63vzz3w] { width: 34px; height: 34px; border: none; border-radius: 10px; background: #e2e8f0; color: #64748b; cursor: pointer; font-size: 16px; display: flex; align-items: center; justify-content: center; }

	.sp-modal-close:hover[b-5rg63vzz3w] { background: #cbd5e1; color: #334155; }

.sp-modal-body[b-5rg63vzz3w] { padding: 24px 28px 28px; }

.sp-modal-submit[b-5rg63vzz3w] { margin-top: 16px; display: flex; justify-content: flex-end; }

.sp-submit-btn[b-5rg63vzz3w] { height: 42px; border: none; border-radius: 12px; padding: 0 18px; background: #0f172a; color: white; font-size: 13px; font-weight: 800; cursor: pointer; }

	.sp-submit-btn:hover[b-5rg63vzz3w] { background: #1e293b; }

@media (max-width: 720px) {
	.sp-modal-backdrop[b-5rg63vzz3w] { padding: 12px; }
	.sp-modal-header[b-5rg63vzz3w],
	.sp-modal-body[b-5rg63vzz3w] { padding-left: 16px; padding-right: 16px; }
	.sp-modal-title[b-5rg63vzz3w] { font-size: 18px; }
}

/* Bar Chart Styles */
.bar-chart-bar[b-5rg63vzz3w] { width: 100%; max-width: 48px; border-radius: 8px 8px 0 0; transition: height 1s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; }
.bar-chart-value[b-5rg63vzz3w] { color: #0f172a; margin-bottom: 8px; }

/* Timeline Styles */
.timeline-row[b-5rg63vzz3w] { padding: 24px 0; border-bottom: 1px solid #f1f5f9; display: flex; flex-direction: column; gap: 16px; }
	.timeline-row:last-child[b-5rg63vzz3w] { border-bottom: none; }
.timeline-row-top[b-5rg63vzz3w] { display: flex; justify-content: space-between; align-items: flex-start; }
.timeline-role-title[b-5rg63vzz3w] { font-size: 15px; font-weight: 800; color: #0f172a; margin-bottom: 4px; }
.timeline-incumbent[b-5rg63vzz3w] { font-size: 13px; color: #64748b; font-weight: 500; }
.timeline-status-badge[b-5rg63vzz3w] { font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 6px; letter-spacing: 0.05em; }
.status-on-track[b-5rg63vzz3w] { background: #dcfce7; color: #15803d; }
.status-critical-gap[b-5rg63vzz3w] { background: #fee2e2; color: #b91c1c; }

.timeline-track-container[b-5rg63vzz3w] { margin-top: 24px; padding-top: 10px; position: relative; }
.timeline-axis[b-5rg63vzz3w] { height: 4px; background: #f1f5f9; border-radius: 2px; position: relative; display: flex; justify-content: space-between; }
.timeline-label[b-5rg63vzz3w] { font-size: 9px; font-weight: 800; color: #94a3b8; margin-top: 8px; }
.vacancy-pointer[b-5rg63vzz3w] { position: absolute; top: -12px; width: 1px; height: 24px; background: #0f172a; z-index: 2; }
.vacancy-tag[b-5rg63vzz3w] { position: absolute; top: -32px; transform: translateX(-50%); background: #0f172a; color: white; font-size: 9px; font-weight: 800; padding: 2px 8px; border-radius: 4px; white-space: nowrap; }
.readiness-progress[b-5rg63vzz3w] { position: absolute; top: 0; height: 100%; background: #10b981; border-radius: 2px; opacity: 0.3; }

/* AI Section Styles */
.ai-card-premium[b-5rg63vzz3w] { background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); color: white; border: none; border-radius: 24px; padding: 24px; position: relative; overflow: hidden; }
	.ai-card-premium .premium-card-header[b-5rg63vzz3w] { background: transparent; border: none; padding: 0 0 16px 0; }
	.ai-card-premium .premium-card-title[b-5rg63vzz3w] { color: white; display: flex; align-items: center; gap: 8px; }
.badge-ai[b-5rg63vzz3w] { font-size: 9px; font-weight: 800; padding: 2px 8px; border-radius: 99px; text-transform: uppercase; letter-spacing: 0.05em; }
.badge-ai--indigo[b-5rg63vzz3w] { background: rgba(255, 255, 255, 0.2); color: white; }
.badge-ai--red[b-5rg63vzz3w] { background: #fee2e2; color: #ef4444; }
.risk-card[b-5rg63vzz3w] { background: white; border: 1px solid #fee2e2; border-radius: 24px; padding: 24px; }
.risk-list[b-5rg63vzz3w] { list-style: none; padding: 0; margin: 16px 0 0 0; }
.risk-item[b-5rg63vzz3w] { display: flex; gap: 12px; margin-bottom: 12px; font-size: 13px; color: #334155; }
.risk-bullet[b-5rg63vzz3w] { color: #ef4444; font-weight: 900; }
.refresh-btn[b-5rg63vzz3w] { background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); color: white; font-size: 10px; font-weight: 700; padding: 4px 12px; border-radius: 8px; cursor: pointer; transition: all 0.2s; text-transform: uppercase; }
	.refresh-btn:hover[b-5rg63vzz3w] { background: rgba(255, 255, 255, 0.25); }
.analyze-btn[b-5rg63vzz3w] { background: #f8fafc; border: 1px solid #e2e8f0; color: #64748b; font-size: 10px; font-weight: 700; padding: 4px 12px; border-radius: 8px; cursor: pointer; text-transform: uppercase; }
/* _content/PayliteNG/Pages/SuccessionPlanning/QuickNomination.razor.rz.scp.css */
.nomination-page[b-w9bfxvgd3u] { min-height: calc(100vh - 120px); /*background: #f1f5f9;*/ padding: 32px; display: flex; flex-direction: column; align-items: center; }

.nomination-container[b-w9bfxvgd3u] { width: 100%; max-width: 1200px; display: grid; grid-template-columns: 1fr 1.5fr; gap: 32px; }

/* Left Column: Selection & Profile */
.selection-panel[b-w9bfxvgd3u] { display: flex; flex-direction: column; gap: 24px; }

/* Right Column: Analysis & Flow */
.analysis-panel[b-w9bfxvgd3u] { display: flex; flex-direction: column; gap: 24px; }

.glass-card[b-w9bfxvgd3u] { background: white; border-radius: 32px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 10px 15px -3px rgba(0,0,0,0.02); padding: 32px; position: relative; overflow: hidden; }

.profile-card[b-w9bfxvgd3u] { text-align: center; display: flex; flex-direction: column; align-items: center; }

.avatar-large[b-w9bfxvgd3u] { width: 128px; height: 128px; border-radius: 50%; border: 6px solid #f8fafc; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); margin-bottom: 24px; object-fit: cover; }

.stat-badge[b-w9bfxvgd3u] { flex: 1; padding: 16px; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.badge-perf[b-w9bfxvgd3u] { background: #ecfdf5; color: #065f46; }
.badge-poten[b-w9bfxvgd3u] { background: #eff6ff; color: #1e40af; }

.stat-label[b-w9bfxvgd3u] { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px; opacity: 0.7; }

.stat-value[b-w9bfxvgd3u] { font-size: 24px; font-weight: 950; }

/* Progress & Skills */
.match-pill[b-w9bfxvgd3u] { background: #eff6ff; color: #2563eb; font-size: 11px; font-weight: 900; padding: 6px 16px; border-radius: 20px; }

.progress-bar-track[b-w9bfxvgd3u] { width: 100%; height: 12px; background: #f1f5f9; border-radius: 6px; overflow: hidden; margin: 20px 0 32px 0; }

.progress-bar-fill[b-w9bfxvgd3u] { height: 100%; background: #3b82f6; transition: width 1s ease-out; }

.skill-item[b-w9bfxvgd3u] { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f8fafc; }

.skill-name[b-w9bfxvgd3u] { font-size: 14px; font-weight: 600; color: #334155; }

/* Buttons */
.btn-ai-sparkle[b-w9bfxvgd3u] { background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%); color: white; border: none; border-radius: 16px; padding: 14px 24px; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: all 0.2s; box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3); }

	.btn-ai-sparkle:hover[b-w9bfxvgd3u] { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(124, 58, 237, 0.4); }

.btn-roadmap[b-w9bfxvgd3u] { background: white; border: 1px solid #e2e8f0; border-radius: 16px; padding: 14px 24px; font-size: 13px; font-weight: 700; color: #475569; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; width: 100%; transition: all 0.2s; }

	.btn-roadmap:hover[b-w9bfxvgd3u] { background: #f8fafc; border-color: #cbd5e1; }

/* Readiness Grid */
.readiness-grid[b-w9bfxvgd3u] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

.readiness-btn[b-w9bfxvgd3u] { background: white; border: 2px solid #f1f5f9; border-radius: 20px; padding: 16px; display: flex; flex-direction: column; align-items: center; cursor: pointer; transition: all 0.2s; }

	.readiness-btn.active[b-w9bfxvgd3u] { background: #2563eb; border-color: #2563eb; color: white; box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.2); }

	.readiness-btn:hover:not(.active)[b-w9bfxvgd3u] { border-color: #cbd5e1; }

/* Modals */
.modal-backdrop[b-w9bfxvgd3u] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); z-index: 1000; display: flex; align-items: center; justify-content: center; }

.modal-sheet[b-w9bfxvgd3u] { background: white; border-radius: 40px; width: 100%; max-width: 540px; padding: 48px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); position: relative; }

.summary-card[b-w9bfxvgd3u] { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 24px; padding: 24px; display: flex; align-items: center; gap: 20px; margin-bottom: 16px; }

.success-overlay[b-w9bfxvgd3u] { position: fixed; inset: 0; background: #2563eb; z-index: 2000; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; text-align: center; }

/* Animation */
@keyframes checkBounce-b-w9bfxvgd3u {
	0% { transform: scale(0.5); opacity: 0; }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); opacity: 1; }
}

.animate-check[b-w9bfxvgd3u] { animation: checkBounce-b-w9bfxvgd3u 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
/* _content/PayliteNG/Pages/SuccessionPlanning/Settings.razor.rz.scp.css */
@keyframes modal-slide-up-b-cglzezzkgj {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.modal[b-cglzezzkgj] {
	background: white;
	border-radius: 18px;
	box-shadow: 0 24px 50px rgba(15, 23, 42, 0.28);
	max-width: 600px;
	width: min(600px, calc(100vw - 40px));
	max-height: 88vh;
	display: flex !important;
	flex-direction: column;
	overflow: hidden;
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: none !important;
	height: auto !important;
	min-height: 0 !important;
	animation: modal-slide-up-b-cglzezzkgj 0.2s ease;
}

.modal-sm[b-cglzezzkgj] {
	max-width: 380px;
	width: min(380px, calc(100vw - 40px));
}

.modal-header[b-cglzezzkgj] {
	padding: 24px;
	border-bottom: 1px solid var(--slate-100);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--slate-50);
}

.modal-backdrop[b-cglzezzkgj] {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(8px);
	z-index: 2147483000 !important;
}

.modal-title[b-cglzezzkgj] {
	font-size: 18px;
	font-weight: 700;
	color: var(--slate-900);
}

.modal-body[b-cglzezzkgj] {
	padding: 24px;
	overflow-y: auto;
	flex: 0 0 auto;
}

.modal-footer[b-cglzezzkgj] {
	padding: 16px 24px;
	border-top: 1px solid var(--slate-100);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	background: var(--slate-50);
}

.modal-close[b-cglzezzkgj] {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 20px;
	color: var(--slate-400);
	padding: 6px;
	border-radius: var(--radius-md);
	transition: all 0.15s;
}

.modal-close:hover[b-cglzezzkgj] {
	background: var(--slate-200);
	color: var(--slate-700);
}

.badge-cycle[b-cglzezzkgj] {
	font-size: 10px;
	font-weight: 950;
	padding: 6px 14px;
	border-radius: 8px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1;
	display: inline-flex;
	align-items: center;
}

.badge-cycle--draft[b-cglzezzkgj] {
	background: #fef9c3;
	color: #854d0e;
	border: 1px solid #fde68a;
}

.badge-cycle--final[b-cglzezzkgj] {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #bbf7d0;
}
/* _content/PayliteNG/Pages/SuccessionPlanning/SuccessionLineage.razor.rz.scp.css */
.graph-container[b-ds2j5izrvw] { display: flex; flex-direction: column; gap: 24px; height: calc(100vh - 120px); /*background: #f8fafc;*/ padding: 32px; border-radius: 40px; overflow: hidden; position: relative; }

.graph-header[b-ds2j5izrvw] { display: flex; justify-content: space-between; align-items: center; z-index: 10; }

.graph-workspace[b-ds2j5izrvw] { flex: 1; background: #f8fafc; border-radius: 40px; border: 1px solid #e2e8f0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); position: relative; overflow: auto; /* Handle both X and Y */ padding: 60px 60px 24px 60px; display: flex; flex-direction: column; align-items: flex-start; background-image: radial-gradient(#cbd5e1 1px, transparent 1px); background-size: 30px 30px; }

.lineage-workspace[b-ds2j5izrvw] { flex: 1; overflow: auto; padding: 48px; background-color: #f8fafc; background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 32px 32px; display: flex; flex-direction: column; align-items: center; min-height: 1000px; position: relative; }

.graph-content-wrapper[b-ds2j5izrvw] { display: flex; flex-direction: column; align-items: center; width: max-content; min-width: 100%; margin: 0 auto; position: relative; z-index: 1; }

.lineage-tier[b-ds2j5izrvw] { display: flex; gap: 40px; justify-content: center; align-items: center; z-index: 5; position: relative; }

.lineage-tier-opportunity[b-ds2j5izrvw] { height: 350px; margin-bottom: 170px; /* Gap between 350 and 520 (Pivot top) */ width: 100%; display: flex; justify-content: center; align-items: flex-end; /* Align cards to the bottom of the 350px tier */ position: relative; }

.lineage-tier-pivot[b-ds2j5izrvw] { min-height: 600px; margin-bottom: 100px; display: flex; width: 100%; position: relative; align-items: flex-start; /* Ensure pivot card starts exactly at parent top (Y=520) */ }

.pivot-tier-col[b-ds2j5izrvw] { flex: 1; min-width: 0; display: flex; align-items: center; }

.pivot-tier-col-left[b-ds2j5izrvw] { justify-content: flex-end; padding-right: 60px; align-items: flex-end; height: 500px; }

.pivot-tier-col-right[b-ds2j5izrvw] { justify-content: flex-start; padding-left: 60px; }

.lineage-tier-pipeline[b-ds2j5izrvw] { min-height: 360px; width: max-content; min-width: 100%; display: flex; justify-content: center; align-items: flex-start; padding: 0 40px; }

.lineage-tier-pipeline-single[b-ds2j5izrvw] { justify-content: center; padding: 0; }

.search-modal[b-ds2j5izrvw] { background: white; width: min(860px, 92vw); height: 78vh; max-height: 720px; border-radius: 28px; overflow: hidden; box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.35); display: flex; flex-direction: column; border: 1px solid #e2e8f0; }

.search-modal-header[b-ds2j5izrvw] { padding: 16px 18px; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 12px; }

.search-input-wrap[b-ds2j5izrvw] { flex: 1; position: relative; }

	.search-input-wrap svg[b-ds2j5izrvw] { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #94a3b8; }

.search-modal-input[b-ds2j5izrvw] { width: 100%; height: 48px; border: none; background: transparent; font-size: 18px; font-weight: 700; color: #0f172a; outline: none; padding: 0 12px 0 48px; }

	.search-modal-input[b-ds2j5izrvw]::placeholder { color: #cbd5e1; font-weight: 700; }

.search-modal-close[b-ds2j5izrvw] { width: 40px; height: 40px; border-radius: 12px; border: none; background: #f1f5f9; color: #94a3b8; display: flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; }

.search-modal-list[b-ds2j5izrvw] { flex: 1; overflow-y: auto; padding: 14px 0; }

.search-modal-item[b-ds2j5izrvw] { display: flex; align-items: center; gap: 16px; padding: 14px 24px; cursor: pointer; transition: background 0.2s ease; }

	.search-modal-item:hover[b-ds2j5izrvw] { background: #f8fafc; }

.search-modal-item-icon[b-ds2j5izrvw] { width: 40px; height: 40px; border-radius: 10px; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; color: #94a3b8; flex-shrink: 0; }

.search-modal-item-title[b-ds2j5izrvw] { font-size: 20px; font-weight: 900; color: #0f172a; line-height: 1.2; margin: 0; }

.search-modal-item-subtitle[b-ds2j5izrvw] { font-size: 14px; font-weight: 700; color: #64748b; margin: 2px 0 0 0; }

.search-modal-item-chevron[b-ds2j5izrvw] { margin-left: auto; color: #cbd5e1; flex-shrink: 0; }

.add-feeder-modal[b-ds2j5izrvw] { background: white; width: min(760px, 92vw); border-radius: 40px; overflow: hidden; box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.35); border: 1px solid #e2e8f0; }

.add-feeder-header[b-ds2j5izrvw] { padding: 36px 36px 28px 36px; }

.add-feeder-title[b-ds2j5izrvw] { font-size: 44px; font-weight: 950; color: #0f172a; margin: 0; line-height: 1.1; }

.add-feeder-subtitle[b-ds2j5izrvw] { font-size: 18px; font-weight: 700; color: #64748b; margin: 8px 0 24px 0; }

.add-feeder-close[b-ds2j5izrvw] { width: 56px; height: 56px; border-radius: 16px; border: 1px solid #e2e8f0; background: #f8fafc; color: #94a3b8; display: flex; align-items: center; justify-content: center; font-size: 30px; cursor: pointer; flex-shrink: 0; }

.add-feeder-search-wrap[b-ds2j5izrvw] { position: relative; }

	.add-feeder-search-wrap svg[b-ds2j5izrvw] { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #94a3b8; }

.add-feeder-search-input[b-ds2j5izrvw] { width: 100%; height: 56px; border-radius: 16px; border: 1px solid #e2e8f0; background: white; padding: 0 18px 0 48px; font-size: 16px; font-weight: 700; color: #334155; outline: none; }

	.add-feeder-search-input[b-ds2j5izrvw]::placeholder { color: #94a3b8; }

.add-feeder-divider[b-ds2j5izrvw] { height: 1px; background: #e2e8f0; }

.add-feeder-body[b-ds2j5izrvw] { padding: 28px 36px 36px 36px; }

.add-feeder-grid[b-ds2j5izrvw] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-height: 360px; overflow-y: auto; padding-right: 6px; }

.add-feeder-card[b-ds2j5izrvw] { border: 1px solid #e2e8f0; border-radius: 28px; background: white; padding: 18px 22px; cursor: pointer; min-height: 130px; }

.add-feeder-card-title[b-ds2j5izrvw] { font-size: 18px; font-weight: 900; color: #0f172a; margin: 12px 0 4px 0; line-height: 1.25; }

.add-feeder-card-dept[b-ds2j5izrvw] { font-size: 13px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; }

.add-feeder-external[b-ds2j5izrvw] { margin-top: 16px; border: 2px dashed #cbd5e1; border-radius: 28px; padding: 20px 24px 24px 24px; }

.add-feeder-external-label[b-ds2j5izrvw] { text-align: center; font-size: 14px; font-weight: 900; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 14px; }

.add-feeder-external-input[b-ds2j5izrvw] { width: 100%; height: 44px; border: 1px solid #cbd5e1; border-radius: 14px; padding: 0 14px; font-size: 16px; font-weight: 700; color: #475569; outline: none; }

.op-card[b-ds2j5izrvw] { background: white; border: 1px solid #eef2ff; border-radius: 32px; padding: 28px; width: 320px; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; position: relative; }

	.op-card:hover[b-ds2j5izrvw] { transform: translateY(-10px); border-color: #c4b5fd; box-shadow: 0 26px 50px rgba(124, 58, 237, 0.12); }

.op-icon-box[b-ds2j5izrvw] { width: 52px; height: 52px; background: #f5f3ff; border-radius: 16px; display: flex; align-items: center; justify-content: center; color: #7c3aed; }

.op-edit-btn[b-ds2j5izrvw] { width: 36px; height: 36px; background: white; border: 1px solid #e2e8f0; padding: 0 !important; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #94a3b8; transition: all 0.2s ease; }

	.op-edit-btn:hover[b-ds2j5izrvw] { border-color: #cbd5e1; color: #64748b; transform: scale(1.05); }

.op-badge-opportunity[b-ds2j5izrvw] { background: #f5f3ff; color: #7c3aed; font-size: 9px; font-weight: 900; padding: 6px 14px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.2em; }

.path-freq-controls[b-ds2j5izrvw] { display: flex; align-items: center; background: #f8fafc; border-radius: 14px; padding: 4px; gap: 8px; }

.path-freq-btn[b-ds2j5izrvw] { width: 24px; height: 24px; border: none; background: transparent; color: #94a3b8; font-size: 16px; font-weight: 400; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: color 0.2s ease; }

	.path-freq-btn:hover[b-ds2j5izrvw] { color: #7c3aed; }

.path-freq-progress[b-ds2j5izrvw] { width: 60px; height: 6px; background: #f1f5f9; border-radius: 3px; overflow: hidden; margin-left: 12px; }

.btn-view-specs[b-ds2j5izrvw] { width: 100%; height: 46px; background: #f5f3ff; color: #7c3aed; font-size: 11px; font-weight: 950; border-radius: 18px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #ede9fe; transition: all 0.3s ease; }

	.btn-view-specs:hover[b-ds2j5izrvw] { background: #ede9fe; transform: translateY(-2px); }

@keyframes redZoneBounce-b-ds2j5izrvw {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}

.red-zone-alert[b-ds2j5izrvw] { position: absolute; top: -100px; right: -340px; width: 420px; background: #ef4444; color: white; padding: 24px; border-radius: 32px; display: flex; gap: 20px; align-items: center; box-shadow: 0 20px 40px rgba(239,68,68,0.3); z-index: 100; border: 4px solid white; animation: redZoneBounce-b-ds2j5izrvw 2s ease-in-out infinite; }

.pivot-card[b-ds2j5izrvw] { background: #0f172a; color: white; border-radius: 48px; padding: 40px; width: 540px; height: 595px; max-height: 595px; border: 6px solid #1e293b; box-shadow: 0 40px 80px -20px rgba(0,0,0,0.5); position: relative; transition: all 0.5s ease; }

	.pivot-card:hover[b-ds2j5izrvw] { transform: scale(1.03); border-color: rgba(37, 99, 235, 0.3); /* blue-600/30 */ }

.successor-card[b-ds2j5izrvw] { background: white; border: 1px solid #f1f5f9; border-radius: 40px; /* 2.5rem */ padding: 32px; width: 340px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.04); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; position: relative; }

.feeder-card[b-ds2j5izrvw] { background: white; border: 1px solid #e2e8f0; border-radius: 34px; padding: 20px 24px; width: 280px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03); transition: all 0.3s ease; cursor: pointer; position: relative; }

	.feeder-card:hover[b-ds2j5izrvw] { transform: translateY(-4px); box-shadow: 0 20px 30px -10px rgba(15, 23, 42, 0.12); }

.feeder-card-top[b-ds2j5izrvw] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }

.feeder-icon-box[b-ds2j5izrvw] { width: 36px; height: 36px; border-radius: 10px; border: 1px solid #e2e8f0; background: #f8fafc; display: flex; align-items: center; justify-content: center; color: #64748b; flex-shrink: 0; }

.feeder-pill[b-ds2j5izrvw] { font-size: 9px; font-weight: 900; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; letter-spacing: 0.08em; line-height: 1; white-space: nowrap; }

.feeder-pill-depth[b-ds2j5izrvw] { background: #eff6ff; color: #3b82f6; }

.feeder-pill-type[b-ds2j5izrvw] { background: #f1f5f9; color: #94a3b8; }

.feeder-card-title[b-ds2j5izrvw] { font-size: 16px; font-weight: 900; color: #0f172a; margin: 0; line-height: 1.2; }

.feeder-card-dept[b-ds2j5izrvw] { font-size: 11px; font-weight: 700; color: #64748b; margin: 6px 0 0 0; }

.feeder-card-footer[b-ds2j5izrvw] { margin-top: 20px; padding-top: 14px; border-top: 1px solid #eef2f7; display: flex; justify-content: space-between; align-items: center; }

.feeder-pipeline-label[b-ds2j5izrvw] { font-size: 10px; font-weight: 900; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px; }

.feeder-pipeline-status[b-ds2j5izrvw] { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; color: #334155; }

.feeder-pipeline-dot[b-ds2j5izrvw] { width: 10px; height: 10px; border-radius: 50%; background: #10b981; }

.feeder-pipeline-chevron[b-ds2j5izrvw] { color: #cbd5e1; font-size: 26px; line-height: 1; }

.successor-card:hover[b-ds2j5izrvw] { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); border-color: #e2e8f0; }

.btn-remove-successor[b-ds2j5izrvw] { position: absolute; top: 24px; right: 24px; width: 32px; height: 32px; border-radius: 10px; padding: 0 !important; background: white; border: 1px solid #e2e8f0; color: #475569; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all 0.2s ease; z-index: 10; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }

.successor-card:hover .btn-remove-successor[b-ds2j5izrvw] { opacity: 1; }

.feeder-card:hover .btn-remove-successor[b-ds2j5izrvw] { opacity: 1; }

.btn-remove-successor:hover[b-ds2j5izrvw] { background: #fef2f2; color: #ef4444; transform: scale(1.1); }

.skill-bridge-box[b-ds2j5izrvw] { background: #f8fafc; /* slate-50 */ border-radius: 24px; padding: 20px; border: 1px solid rgba(241, 245, 249, 0.5); margin: 20px 0; }

.readiness-select[b-ds2j5izrvw] { text-transform: uppercase; font-size: 10px; font-weight: 950; padding: 6px 16px; border-radius: 20px; border: 1px solid #e2e8f0; cursor: pointer; outline: none; transition: all 0.2s ease; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 28px; }

	.readiness-select:hover[b-ds2j5izrvw] { border-color: #cbd5e1; background-color: white !important; }

.skill-badge-mini[b-ds2j5izrvw] { background: #f1f5f9; color: #475569; font-size: 8px; font-weight: 900; padding: 4px 10px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.05em; }

.badge-op[b-ds2j5izrvw] { background: #f5f3ff; color: #7c3aed; font-size: 9px; font-weight: 800; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.1em; }

.badge-pivot[b-ds2j5izrvw] { background: #2563eb; color: white; font-size: 10px; font-weight: 950; padding: 10px 24px; border-radius: 9999px; /* Pill shape */ text-transform: uppercase; letter-spacing: 0.2em; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3); }

.badge-critical[b-ds2j5izrvw] { background: #dc2626; color: white; font-size: 11px; font-weight: 950; padding: 10px 24px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.1em; position: absolute; top: 24px; right: -24px; transform: rotate(12deg); box-shadow: 0 15px 25px rgba(220, 38, 38, 0.4); z-index: 10; border: 1px solid rgba(255,255,255,0.2); }

.pivot-avatar-wrap[b-ds2j5izrvw] { position: relative; width: 128px; height: 128px; }

.pivot-avatar[b-ds2j5izrvw] { width: 128px; height: 128px; border-radius: 32px; object-fit: cover; border: 4px solid rgba(59, 130, 246, 0.5); /* Glowing blue border */ box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: rotate(2deg); }

.pivot-avatar-wrap:hover .pivot-avatar[b-ds2j5izrvw] { transform: rotate(0deg); }

.pivot-avatar-overlay[b-ds2j5izrvw] { position: absolute; top: 0; left: 0; width: 128px; height: 128px; border-radius: 32px; background: rgba(37, 99, 235, 0.2); /* blue-600/20 overlay */ opacity: 0; transition: opacity 0.5s ease; pointer-events: none; z-index: 2; }

.pivot-avatar-wrap:hover .pivot-avatar-overlay[b-ds2j5izrvw] { opacity: 1; }

.pivot-name[b-ds2j5izrvw] { font-size: 40px; font-weight: 950; margin: 0 0 4px 0; letter-spacing: -0.03em; color: white; cursor: pointer; width: fit-content; transition: color 0.3s ease; }

	.pivot-name:hover[b-ds2j5izrvw] { color: #60a5fa; /* blue-400 */ }

.online-indicator[b-ds2j5izrvw] { position: absolute; bottom: -4px; right: -4px; background: #10b981; width: 36px; height: 36px; border-radius: 50%; border: 4px solid #0f172a; display: flex; align-items: center; justify-content: center; }

.connector-svg[b-ds2j5izrvw] { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1200px; height: 1700px; pointer-events: none; z-index: 1; /* Behind cards to avoid covering labels */ }

.connector-path[b-ds2j5izrvw] { fill: none; stroke: #e2e8f0; stroke-width: 2; stroke-dasharray: 6 6; }

.connector-path-solid[b-ds2j5izrvw] { stroke-dasharray: none; stroke-width: 3; stroke: #8b5cf6; }

.custom-scrollbar[b-ds2j5izrvw]::-webkit-scrollbar { width: 6px; }
.custom-scrollbar[b-ds2j5izrvw]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

.modal-backdrop[b-ds2j5izrvw] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 1000; }

.modal-content-custom[b-ds2j5izrvw] { background: white; border-radius: 48px; box-shadow: 0 40px 80px -20px rgba(0,0,0,0.15); max-width: 900px; width: 95%; height: 90vh; max-height: 950px; display: flex; flex-direction: column; overflow: hidden; position: relative; padding: 0; }

.modal-header-section[b-ds2j5izrvw] { padding: 40px 48px 24px 48px; border-bottom: 1px solid #f1f5f9; flex-shrink: 0; }

.modal-scroll-body[b-ds2j5izrvw] { padding: 32px 48px; flex: 1; overflow-y: auto; }

.modal-footer-section[b-ds2j5izrvw] { padding: 24px 48px 40px 48px; border-top: 1px solid #f1f5f9; flex-shrink: 0; }

.profile-card-metric[b-ds2j5izrvw] { background: #f8fafc; border-radius: 24px; padding: 24px; text-align: center; border: 1px solid #f1f5f9; transition: transform 0.2s ease; }

	.profile-card-metric:hover[b-ds2j5izrvw] { transform: translateY(-4px); }

.profile-retention-card[b-ds2j5izrvw] { background: #0f172a; color: white; border-radius: 32px; padding: 32px; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.3); }

.profile-skill-bar[b-ds2j5izrvw] { height: 8px; border-radius: 4px; background: #f1f5f9; overflow: hidden; margin-top: 8px; }

.profile-skill-fill[b-ds2j5izrvw] { height: 100%; border-radius: 4px; }

.fab-container[b-ds2j5izrvw] { position: absolute; bottom: 40px; right: 40px; display: flex; flex-direction: column; gap: 16px; z-index: 100; }

.fab-btn[b-ds2j5izrvw] { width: 56px; height: 56px; border-radius: 16px; background: white; border: 1px solid #e2e8f0; box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12); display: flex; align-items: center; justify-content: center; font-size: 20px; color: #64748b; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; }

	.fab-btn:hover[b-ds2j5izrvw] { transform: translateY(-4px); box-shadow: 0 18px 28px rgba(59, 130, 246, 0.2); color: #3b82f6; }

.fab-btn-primary[b-ds2j5izrvw] { background: #2563eb; color: white; border: none; box-shadow: 0 16px 30px rgba(37, 99, 235, 0.35); }

	.fab-btn-primary:hover[b-ds2j5izrvw] { background: #1d4ed8; color: white; }

.pivot-side-actions[b-ds2j5izrvw] { position: absolute; top: 50%; right: -88px; transform: translateY(-50%); display: flex; flex-direction: column; gap: 14px; padding: 0; background: transparent; border-radius: 0; border: none; box-shadow: none; z-index: 20; }

.map-intelligence-card[b-ds2j5izrvw] { background: white; padding: 28px 30px; border-radius: 36px; border: 1px solid #f1f5f9; width: 280px; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08); display: flex; flex-direction: column; z-index: 10; overflow: hidden; }

.map-intel-title[b-ds2j5izrvw] { font-size: 10px; font-weight: 900; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.35em; margin-bottom: 24px; padding-bottom: 0; display: flex; align-items: center; gap: 8px; }

.map-intel-subtitle[b-ds2j5izrvw] { font-size: 11px; font-weight: 900; color: #1e293b; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 18px; }

.map-intel-item[b-ds2j5izrvw] { display: flex; align-items: center; gap: 12px; margin-top: 10px; }

.map-intel-dot[b-ds2j5izrvw] { width: 12px; height: 12px; border-radius: 999px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }

.map-intel-label[b-ds2j5izrvw] { font-size: 10px; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: 0.08em; }

.readiness-btn[b-ds2j5izrvw] { flex: 1; height: 36px; border-radius: 10px; font-size: 10px; font-weight: 800; text-transform: uppercase; border: 1px solid #e2e8f0; background: white; color: #64748b; transition: all 0.2s ease; }

	.readiness-btn:hover[b-ds2j5izrvw] { background: #f8fafc; border-color: #cbd5e1; color: #334155; }

.aspiration-quote-box[b-ds2j5izrvw] { background: #f8fafc; border-radius: 20px; padding: 24px 32px; border: 1px solid #f1f5f9; margin-top: 12px; font-style: italic; color: #475569; font-weight: 600; font-size: 15px; line-height: 1.6; }

.header-tag-executive[b-ds2j5izrvw] { background: rgba(59, 130, 246, 0.1); color: #60a5fa; font-size: 10px; font-weight: 950; padding: 6px 14px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.15em; margin-top: 12px; display: inline-block; border: 1px solid rgba(59, 130, 246, 0.15); }

.header-tag-talent[b-ds2j5izrvw] { background: rgba(16, 185, 129, 0.1); color: #34d399; font-size: 10px; font-weight: 950; padding: 6px 14px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.15em; margin-top: 12px; margin-left: 8px; display: inline-block; border: 1px solid rgba(16, 185, 129, 0.15); }

.ai-card-grid[b-ds2j5izrvw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 24px; }

.ai-step-card[b-ds2j5izrvw] { background: white; border-radius: 24px; padding: 24px; border: 1px solid #f1f5f9; position: relative; transition: all 0.3s ease; }

	.ai-step-card:hover[b-ds2j5izrvw] { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-color: #e2e8f0; }

.ai-step-number[b-ds2j5izrvw] { background: #f8fafc; color: #94a3b8; font-size: 10px; font-weight: 950; width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }

.btn-ghost[b-ds2j5izrvw] { background: white; border: 1px solid #e2e8f0; color: #64748b; font-size: 11px; font-weight: 950; text-transform: uppercase; padding: 12px 24px; border-radius: 16px; transition: all 0.2s ease; }

	.btn-ghost:hover[b-ds2j5izrvw] { background: #f8fafc; color: #1e293b; border-color: #cbd5e1; }

@keyframes pulse-b-ds2j5izrvw {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

.modal-overlay[b-ds2j5izrvw] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 1000; }

.modal-content-edit-path[b-ds2j5izrvw] { background: white; width: 440px; padding: 40px; border-radius: 40px; box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.2); position: relative; }

.modal-content-role-spec[b-ds2j5izrvw] { background: white; width: 580px; border-radius: 40px; overflow: hidden; box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.2); position: relative; }

.modal-header-spec[b-ds2j5izrvw] { background: #0f172a; padding: 40px; color: white; }

.modal-body-spec[b-ds2j5izrvw] { padding: 40px; background: #f8fafc; }

.spec-card[b-ds2j5izrvw] { background: white; border: 1px solid #e2e8f0; border-radius: 20px; padding: 24px; flex: 1; }

.spec-tag[b-ds2j5izrvw] { background: rgba(59, 130, 246, 0.2); color: #60a5fa; font-size: 10px; font-weight: 900; padding: 6px 14px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.15em; display: inline-block; margin-bottom: 12px; }

.close-modal-btn[b-ds2j5izrvw] { position: absolute; top: 24px; right: 24px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border: none; display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; transition: all 0.2s ease; z-index: 10; }

	.close-modal-btn:hover[b-ds2j5izrvw] { background: rgba(255, 255, 255, 0.2); transform: rotate(90deg); }

.violet-slider[b-ds2j5izrvw] { -webkit-appearance: none; width: 100%; height: 8px; border-radius: 4px; background: #f1f5f9; outline: none; margin: 24px 0; }

	.violet-slider[b-ds2j5izrvw]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #7c3aed; cursor: pointer; box-shadow: 0 0 15px rgba(124, 58, 237, 0.4); border: 2px solid white; }
.connector-bar-vertical[b-ds2j5izrvw] { fill: #7c3aed; rx: 4; transition: all 0.3s ease; }

.connector-circle-badge[b-ds2j5izrvw] { fill: white; stroke: #7c3aed; stroke-width: 2.5; transition: all 0.3s ease; }

.connector-circle-text[b-ds2j5izrvw] { fill: #7c3aed; font-size: 14px; font-weight: 950; text-anchor: middle; dominant-baseline: central; }

.confirm-readiness-overlay[b-ds2j5izrvw] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); display: flex; align-items: center; justify-content: center; z-index: 1100; padding: 24px; }

.confirm-readiness-modal[b-ds2j5izrvw] { width: min(560px, calc(100vw - 48px)); background: #ffffff; border: 1px solid #e2e8f0; border-radius: 34px; box-shadow: 0 32px 70px rgba(15, 23, 42, 0.28); overflow: hidden; }

.confirm-readiness-header[b-ds2j5izrvw] { display: flex; justify-content: space-between; align-items: flex-start; padding: 28px 32px 18px; border-bottom: 1px solid #eef2f7; }

.confirm-readiness-title[b-ds2j5izrvw] { margin: 0; font-size: 38px; line-height: 1; font-weight: 950; color: #0f172a; }

.confirm-readiness-subtitle[b-ds2j5izrvw] { margin: 8px 0 0; font-size: 14px; font-weight: 600; color: #64748b; }

.confirm-readiness-close[b-ds2j5izrvw] { width: 36px; height: 36px; border: none; border-radius: 10px; background: transparent; color: #94a3b8; font-size: 20px; cursor: pointer; }

	.confirm-readiness-close:hover[b-ds2j5izrvw] { background: #f1f5f9; color: #475569; }

.confirm-readiness-body[b-ds2j5izrvw] { padding: 22px 32px; display: flex; flex-direction: column; gap: 12px; }

.confirm-readiness-check[b-ds2j5izrvw] { background: #ecfdf5; border: 1px solid #bbf7d0; border-radius: 18px; padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }

.confirm-readiness-check-left[b-ds2j5izrvw] { display: flex; align-items: center; gap: 12px; color: #334155; font-size: 16px; /* Adjusted to match card layout */ font-weight: 800; }

.confirm-readiness-check-icon[b-ds2j5izrvw] { width: 24px; height: 24px; border-radius: 50%; background: #d1fae5; border: 1px solid #6ee7b7; color: #059669; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; flex-shrink: 0; }

.confirm-readiness-chip[b-ds2j5izrvw] { background: #ffffff; border: 1px solid #a7f3d0; color: #047857; font-size: 12px; font-weight: 900; padding: 6px 10px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }

.confirm-readiness-footer[b-ds2j5izrvw] { padding: 18px 32px 28px; border-top: 1px solid #eef2f7; display: flex; justify-content: flex-end; align-items: center; gap: 12px; }

.confirm-readiness-cancel[b-ds2j5izrvw],
.confirm-readiness-confirm[b-ds2j5izrvw] { height: 48px; border: none; padding: 0 24px; border-radius: 14px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; cursor: pointer; }

.confirm-readiness-cancel[b-ds2j5izrvw] { background: #ffffff; border: 1px solid #dbe3ef; color: #64748b; }

	.confirm-readiness-cancel:hover[b-ds2j5izrvw] { background: #f8fafc; color: #334155; }

.confirm-readiness-confirm[b-ds2j5izrvw] { background: #2563eb; color: #ffffff; box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22); }

	.confirm-readiness-confirm:hover:not(:disabled)[b-ds2j5izrvw] { background: #1d4ed8; }

	.confirm-readiness-confirm:disabled[b-ds2j5izrvw] { opacity: 0.6; cursor: not-allowed; box-shadow: none; }
/* _content/PayliteNG/Pages/SuccessionPlanning/SuccessionPlanningHost.razor.rz.scp.css */
:root[b-3mzf7vjj15], .succession-planning-module[b-3mzf7vjj15] { --slate-50: #f8fafc; --slate-100: #f1f5f9; --slate-200: #e2e8f0; --slate-300: #cbd5e1; --slate-400: #94a3b8; --slate-500: #64748b; --slate-600: #475569; --slate-700: #334155; --slate-800: #1e293b; --slate-900: #0f172a; --blue-50: #eff6ff; --blue-100: #dbeafe; --blue-500: #3b82f6; --blue-600: #2563eb; --blue-700: #1d4ed8; --blue-900: #1e3a8a; --emerald-50: #ecfdf5; --emerald-100: #d1fae5; --emerald-500: #10b981; --emerald-600: #059669; --emerald-700: #047857; --red-50: #fef2f2; --red-100: #fee2e2; --red-400: #f87171; --red-500: #ef4444; --red-600: #dc2626; --red-700: #b91c1c; --amber-50: #fffbeb; --amber-100: #fef3c7; --amber-400: #fbbf24; --amber-500: #f59e0b; --amber-600: #d97706; --amber-700: #b45309; --violet-500: #8b5cf6; --indigo-50: #eef2ff; --indigo-100: #e0e7ff; --indigo-400: #818cf8; --indigo-500: #6366f1; --indigo-600: #4f46e5; --orange-50: #fff7ed; --orange-600: #ea580c; --blue-200: #bfdbfe; --blue-700: #1d4ed8; --emerald-200: #a7f3d0; --amber-200: #fde68a; --indigo-700: #4338ca; --red-200: #fecaca; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 18px; --radius-2xl: 22px; --radius-full: 9999px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); --shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25); }

*[b-3mzf7vjj15], *[b-3mzf7vjj15]::before, *[b-3mzf7vjj15]::after { box-sizing: border-box; margin: 0; padding: 0; }

.succession-planning-module[b-3mzf7vjj15] { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; line-height: 1.6; color: var(--slate-700); /*background: var(--slate-50);*/ }

/* ===== APP SHELL ===== */
.app-shell[b-3mzf7vjj15] { display: flex; height: 100vh; overflow: hidden; }

/* ===== SIDEBAR ===== */
.sidebar[b-3mzf7vjj15] { background: var(--slate-900); color: var(--slate-400); display: flex; flex-direction: column; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; overflow: hidden; }
.sidebar--open[b-3mzf7vjj15] { width: 256px; }
.sidebar--collapsed[b-3mzf7vjj15] { width: 80px; }

.sidebar-brand[b-3mzf7vjj15] { padding: 24px; display: flex; align-items: center; gap: 12px; min-height: 80px; }
.brand-icon[b-3mzf7vjj15] { width: 36px; height: 36px; background: var(--blue-600); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 900; font-size: 20px; font-style: italic; flex-shrink: 0; }
.brand-name[b-3mzf7vjj15] { color: white; font-weight: 700; font-size: 17px; letter-spacing: -0.3px; white-space: nowrap; }

.sidebar-nav[b-3mzf7vjj15] { flex: 1; padding: 8px 12px; display: flex; flex-direction: column; gap: 4px; }

.nav-item[b-3mzf7vjj15] { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--radius-xl); color: var(--slate-400); text-decoration: none; font-weight: 500; font-size: 14px; transition: all 0.15s ease; border: none; background: none; cursor: pointer; width: 100%; text-align: left; }
	.nav-item:hover[b-3mzf7vjj15] { background: var(--slate-800); color: white; }
	.nav-item--active[b-3mzf7vjj15], .nav-item.active[b-3mzf7vjj15] { background: var(--blue-600); color: white; box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35); }
.nav-icon[b-3mzf7vjj15] { font-size: 20px; flex-shrink: 0; width: 22px; text-align: center; }
.nav-label[b-3mzf7vjj15] { white-space: nowrap; }

.sidebar-footer[b-3mzf7vjj15] { padding: 16px 12px; border-top: 1px solid var(--slate-800); display: flex; flex-direction: column; gap: 4px; }
.nav-item--settings:hover[b-3mzf7vjj15] { color: white; }
.nav-item--signout:hover[b-3mzf7vjj15] { background: rgba(239, 68, 68, 0.12); color: var(--red-400); }

/* ===== MAIN CONTENT ===== */
.main-content[b-3mzf7vjj15] { flex: 1; display: flex; flex-direction: column; min-width: 0; overflow: hidden; }

/* ===== HEADER ===== */
.app-header[b-3mzf7vjj15] { height: 80px; background: white; border-bottom: 1px solid var(--slate-200); padding: 0 32px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 30; flex-shrink: 0; }
.header-left[b-3mzf7vjj15] { display: flex; align-items: center; gap: 20px; }
.sidebar-toggle[b-3mzf7vjj15] { background: none; border: none; cursor: pointer; font-size: 22px; color: var(--slate-400); padding: 8px; border-radius: var(--radius-md); transition: all 0.15s; }
	.sidebar-toggle:hover[b-3mzf7vjj15] { background: var(--slate-100); color: var(--slate-600); }
.search-box[b-3mzf7vjj15] { display: flex; align-items: center; gap: 10px; background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--radius-xl); padding: 10px 16px; width: 320px; }
.search-icon[b-3mzf7vjj15] { color: var(--slate-400); font-size: 16px; }
.search-input[b-3mzf7vjj15] { border: none; background: transparent; outline: none; font-size: 14px; width: 100%; color: var(--slate-700); font-family: inherit; }
	.search-input[b-3mzf7vjj15]::placeholder { color: var(--slate-400); }

.header-right[b-3mzf7vjj15] { display: flex; align-items: center; gap: 16px; }
.notif-btn[b-3mzf7vjj15] { position: relative; background: none; border: none; cursor: pointer; font-size: 20px; padding: 8px; border-radius: var(--radius-md); color: var(--slate-400); transition: all 0.15s; }
	.notif-btn:hover[b-3mzf7vjj15] { background: var(--slate-100); color: var(--slate-600); }
.notif-dot[b-3mzf7vjj15] { position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; background: var(--red-500); border-radius: 50%; border: 2px solid white; }
.user-info[b-3mzf7vjj15] { display: flex; align-items: center; gap: 12px; padding-left: 8px; }
.user-text[b-3mzf7vjj15] { text-align: right; }
.user-name[b-3mzf7vjj15] { font-size: 14px; font-weight: 700; color: var(--slate-900); line-height: 1.2; }
.user-role[b-3mzf7vjj15] { font-size: 10px; color: var(--slate-500); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }
.user-avatar[b-3mzf7vjj15] { width: 40px; height: 40px; border-radius: var(--radius-lg); border: 1px solid var(--slate-200); object-fit: cover; }

/* ===== PAGE BODY ===== */
.page-body[b-3mzf7vjj15] { flex: 1; overflow-y: auto; padding: 32px; background: var(--slate-50); }
.page-content[b-3mzf7vjj15] { max-width: 1400px; margin: 0 auto; }

/* ===== STAT CARDS ===== */
.stats-grid[b-3mzf7vjj15] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 24px; }
.stat-card[b-3mzf7vjj15] { background: white; border-radius: var(--radius-xl); padding: 24px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--slate-200); box-shadow: var(--shadow-sm); transition: transform 0.2s; }
	.stat-card:hover[b-3mzf7vjj15] { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.stat-icon-wrap[b-3mzf7vjj15] { width: 52px; height: 52px; border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
	.stat-icon-wrap.blue[b-3mzf7vjj15] { background: var(--blue-50); }
	.stat-icon-wrap.red[b-3mzf7vjj15] { background: var(--red-50); }
	.stat-icon-wrap.green[b-3mzf7vjj15] { background: var(--emerald-50); }
	.stat-icon-wrap.orange[b-3mzf7vjj15] { background: var(--orange-50); }
.stat-label[b-3mzf7vjj15] { font-size: 11px; font-weight: 600; color: var(--slate-500); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 4px; }
.stat-value[b-3mzf7vjj15] { font-size: 28px; font-weight: 800; line-height: 1; }
	.stat-value.blue[b-3mzf7vjj15] { color: var(--blue-600); }
	.stat-value.red[b-3mzf7vjj15] { color: var(--red-600); }
	.stat-value.green[b-3mzf7vjj15] { color: var(--emerald-600); }
	.stat-value.orange[b-3mzf7vjj15] { color: var(--orange-600); }

/* ===== CARDS ===== */
.card[b-3mzf7vjj15] { background: white; border-radius: var(--radius-xl); border: 1px solid var(--slate-200); box-shadow: var(--shadow-sm); overflow: hidden; }
.card-header[b-3mzf7vjj15] { padding: 16px 24px; border-bottom: 1px solid var(--slate-100); display: flex; align-items: center; justify-content: space-between; background: white; }
.card-title[b-3mzf7vjj15] { font-size: 15px; font-weight: 600; color: var(--slate-800); }
.succession-planning-module[b-3mzf7vjj15]  .card-body { padding: 0; }
.succession-planning-module[b-3mzf7vjj15]  .card-body-padded { padding: 24px; }

/* ===== TABLES ===== */
.data-table[b-3mzf7vjj15] { width: 100%; border-collapse: collapse; text-align: left; }
	.data-table thead tr[b-3mzf7vjj15] { background: var(--slate-50); }
	.data-table th[b-3mzf7vjj15] { padding: 14px 24px; font-size: 11px; font-weight: 700; color: var(--slate-500); text-transform: uppercase; letter-spacing: 0.07em; }
	.data-table td[b-3mzf7vjj15] { padding: 16px 24px; border-bottom: 1px solid var(--slate-100); vertical-align: middle; }
	.data-table tbody tr:hover[b-3mzf7vjj15] { background: var(--slate-50); }
	.data-table tbody tr:last-child td[b-3mzf7vjj15] { border-bottom: none; }

/* ===== BADGES ===== */
.badge[b-3mzf7vjj15] { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-full); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.badge-success[b-3mzf7vjj15] { background: var(--emerald-50); color: var(--emerald-700); border: 1px solid var(--emerald-100); }
.badge-danger[b-3mzf7vjj15] { background: var(--red-50); color: var(--red-700); border: 1px solid var(--red-100); }
.badge-warning[b-3mzf7vjj15] { background: var(--amber-50); color: var(--amber-700); border: 1px solid var(--amber-100); }
.badge-info[b-3mzf7vjj15] { background: var(--blue-50); color: var(--blue-700); border: 1px solid var(--blue-100); }
.badge-secondary[b-3mzf7vjj15] { background: var(--slate-100); color: var(--slate-600); border: 1px solid var(--slate-200); }

/* ===== BUTTONS ===== */
.btn[b-3mzf7vjj15] { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: var(--radius-lg); font-size: 13px; font-weight: 600; cursor: pointer; border: none; transition: all 0.15s ease; text-decoration: none; font-family: inherit; }
.btn-primary[b-3mzf7vjj15] { background: var(--blue-600); color: white; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25); }
	.btn-primary:hover[b-3mzf7vjj15] { background: var(--blue-700); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35); }
.btn-secondary[b-3mzf7vjj15] { background: white; color: var(--slate-600); border: 1px solid var(--slate-200); }
	.btn-secondary:hover[b-3mzf7vjj15] { background: var(--slate-50); }
.btn-dark[b-3mzf7vjj15] { background: var(--slate-900); color: white; }
	.btn-dark:hover[b-3mzf7vjj15] { background: var(--slate-800); }
.btn-danger[b-3mzf7vjj15] { background: var(--red-600); color: white; }
	.btn-danger:hover[b-3mzf7vjj15] { background: var(--red-700); }
.btn-success[b-3mzf7vjj15] { background: var(--emerald-600); color: white; }
	.btn-success:hover[b-3mzf7vjj15] { background: var(--emerald-700); }
.btn-sm[b-3mzf7vjj15] { padding: 6px 14px; font-size: 12px; gap: 6px; border-radius: var(--radius-md); }
.btn-xs[b-3mzf7vjj15] { padding: 4px 10px; font-size: 11px; gap: 4px; border-radius: var(--radius-md); font-weight: 700; }
.btn:disabled[b-3mzf7vjj15] { opacity: 0.5; cursor: not-allowed; }

/* ===== SKILL TAGS ===== */
.skill-tag[b-3mzf7vjj15] { display: inline-flex; align-items: center; padding: 3px 10px; background: var(--slate-100); color: var(--slate-700); border-radius: var(--radius-md); font-size: 11px; font-weight: 500; border: 1px solid var(--slate-200); gap: 6px; }
.skill-tag-remove[b-3mzf7vjj15] { background: none; border: none; cursor: pointer; color: var(--slate-400); font-size: 14px; line-height: 1; padding: 0; display: flex; align-items: center; }
	.skill-tag-remove:hover[b-3mzf7vjj15] { color: var(--red-500); }

/* ===== FORMS ===== */
.form-group[b-3mzf7vjj15] { margin-bottom: 20px; }
.form-label[b-3mzf7vjj15] { display: block; font-size: 11px; font-weight: 700; color: var(--slate-500); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 6px; }
.form-control[b-3mzf7vjj15] { width: 100%; padding: 10px 14px; border: 1px solid var(--slate-200); border-radius: var(--radius-lg); font-size: 14px; font-family: inherit; color: var(--slate-900); background: white; transition: all 0.15s; outline: none; }
	.form-control:focus[b-3mzf7vjj15] { border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
select.form-control[b-3mzf7vjj15] { cursor: pointer; }
textarea.form-control[b-3mzf7vjj15] { resize: vertical; min-height: 120px; }
.form-control[b-3mzf7vjj15]::placeholder { color: var(--slate-400); }
.validation-message[b-3mzf7vjj15] { color: var(--red-600); font-size: 12px; font-weight: 500; margin-top: 4px; }

/* ===== MODALS ===== */
.succession-planning-module[b-3mzf7vjj15]  .modal-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.5); backdrop-filter: blur(6px); z-index: 2147483000 !important; display: flex; align-items: center; justify-content: center; padding: 20px; animation: fadeIn-b-3mzf7vjj15 0.15s ease; }

@keyframes fadeIn-b-3mzf7vjj15 {
	from { opacity: 0; }
	to { opacity: 1; }
}

.succession-planning-module[b-3mzf7vjj15]  .modal { background: white; border-radius: var(--radius-2xl); box-shadow: var(--shadow-2xl); max-width: 600px; width: 100%; max-height: 88vh; display: flex; flex-direction: column; overflow: hidden; animation: slideUp-b-3mzf7vjj15 0.2s ease; }
.succession-planning-module[b-3mzf7vjj15]  .modal-lg { max-width: 800px; }
.succession-planning-module[b-3mzf7vjj15]  .modal-sm { max-width: 420px; }

@keyframes slideUp-b-3mzf7vjj15 {
	from { opacity: 0; transform: translateY(12px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.succession-planning-module[b-3mzf7vjj15]  .modal-header { padding: 24px; border-bottom: 1px solid var(--slate-100); display: flex; align-items: center; justify-content: space-between; background: var(--slate-50); }
.succession-planning-module[b-3mzf7vjj15]  .modal-title { font-size: 18px; font-weight: 700; color: var(--slate-900); }
.succession-planning-module[b-3mzf7vjj15]  .modal-subtitle { font-size: 12px; color: var(--slate-500); margin-top: 2px; }
.succession-planning-module[b-3mzf7vjj15]  .modal-close { background: none; border: none; cursor: pointer; font-size: 20px; color: var(--slate-400); padding: 6px; border-radius: var(--radius-md); transition: all 0.15s; }
	.succession-planning-module[b-3mzf7vjj15]  .modal-close:hover { background: var(--slate-200); color: var(--slate-700); }
.succession-planning-module[b-3mzf7vjj15]  .modal-body { padding: 24px; overflow-y: auto; flex: 1; }
.succession-planning-module[b-3mzf7vjj15]  .modal-footer { padding: 16px 24px; border-top: 1px solid var(--slate-100); display: flex; align-items: center; justify-content: flex-end; gap: 12px; background: var(--slate-50); }

/* ===== EMPLOYEE AVATAR ===== */
.emp-avatar[b-3mzf7vjj15] { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid white; box-shadow: var(--shadow-sm); }
	.emp-avatar:hover[b-3mzf7vjj15] { transform: scale(1.1); box-shadow: var(--shadow-md); }

/* ===== NINE BOX GRID ===== */
.nine-box-grid[b-3mzf7vjj15] { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 12px; height: 100%; min-height: 540px; }
.nine-box-cell[b-3mzf7vjj15] { border-radius: var(--radius-xl); border: 2px dashed; padding: 16px; display: flex; flex-direction: column; transition: all 0.15s; position: relative; }
	.nine-box-cell:hover[b-3mzf7vjj15] { opacity: 0.9; }
.nine-box-cell--emerald[b-3mzf7vjj15] { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.nine-box-cell--emerald-light[b-3mzf7vjj15] { background: #f0fdf4; border-color: #a7f3d0; color: #047857; }
.nine-box-cell--blue[b-3mzf7vjj15] { background: #eff6ff; border-color: #93c5fd; color: #1e40af; }
.nine-box-cell--slate[b-3mzf7vjj15] { background: var(--slate-50); border-color: var(--slate-300); color: var(--slate-700); }
.nine-box-cell--amber[b-3mzf7vjj15] { background: var(--amber-50); border-color: #fcd34d; color: #b45309; }
.nine-box-cell--red[b-3mzf7vjj15] { background: var(--red-50); border-color: #fca5a5; color: var(--red-700); }
.nine-box-avatars[b-3mzf7vjj15] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.cell-header[b-3mzf7vjj15] { display: flex; justify-content: space-between; align-items: center; }
.cell-label[b-3mzf7vjj15] { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
.cell-count[b-3mzf7vjj15] { font-size: 11px; font-weight: 500; opacity: 0.7; }

/* ===== TALENT POOL ===== */
.pool-list[b-3mzf7vjj15] { display: flex; flex-direction: column; gap: 12px; margin-bottom: 0; overflow-y: auto; }
.pool-card[b-3mzf7vjj15] { padding: 16px; border-radius: var(--radius-xl); border: 2px solid transparent; background: var(--slate-50); cursor: pointer; transition: all 0.15s; position: relative; }
	.pool-card:hover[b-3mzf7vjj15] { background: white; border-color: var(--slate-200); box-shadow: var(--shadow-sm); }
.pool-card--active[b-3mzf7vjj15] { background: white; border-color: var(--blue-500); box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08); }
.pool-status-dot[b-3mzf7vjj15] { position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-radius: 50%; }
.pool-status-dot--healthy[b-3mzf7vjj15] { background: var(--emerald-500); }
.pool-status-dot--warning[b-3mzf7vjj15] { background: var(--amber-500); }
.pool-status-dot--critical[b-3mzf7vjj15] { background: var(--red-500); animation: pulse-b-3mzf7vjj15 1.5s infinite; }

@keyframes pulse-b-3mzf7vjj15 {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}

/* ===== PROGRESS BARS ===== */
.progress-track[b-3mzf7vjj15] { width: 100%; height: 8px; background: var(--slate-100); border-radius: var(--radius-full); overflow: hidden; }
.progress-fill[b-3mzf7vjj15] { height: 100%; border-radius: var(--radius-full); transition: width 0.6s ease; }
.progress-fill--blue[b-3mzf7vjj15] { background: var(--blue-500); }
.progress-fill--green[b-3mzf7vjj15] { background: var(--emerald-500); }
.progress-fill--amber[b-3mzf7vjj15] { background: var(--amber-500); }
.progress-fill--red[b-3mzf7vjj15] { background: var(--red-500); }

/* ===== BREADCRUMBS / ALERTS ===== */
.alert[b-3mzf7vjj15] { padding: 14px 18px; border-radius: var(--radius-lg); font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.alert-success[b-3mzf7vjj15] { background: var(--emerald-50); color: var(--emerald-700); border: 1px solid var(--emerald-100); }
.alert-danger[b-3mzf7vjj15] { background: var(--red-50); color: var(--red-700); border: 1px solid var(--red-100); }
.alert-warning[b-3mzf7vjj15] { background: var(--amber-50); color: var(--amber-700); border: 1px solid var(--amber-100); }
.alert-info[b-3mzf7vjj15] { background: var(--blue-50); color: var(--blue-700); border: 1px solid var(--blue-100); }

/* ===== LOADING SPINNER ===== */
.succession-planning-module[b-3mzf7vjj15]  .spinner { width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.3); border-top: 2px solid currentColor; border-radius: 50%; animation: spin-b-3mzf7vjj15 0.7s linear infinite; display: inline-block; }

@keyframes spin-b-3mzf7vjj15 {
	to { transform: rotate(360deg); }
}

/* ===== AVATAR GROUP ===== */
.avatar-group[b-3mzf7vjj15] { display: flex; }
	.avatar-group .emp-avatar[b-3mzf7vjj15] { margin-left: -8px; }
		.avatar-group .emp-avatar:first-child[b-3mzf7vjj15] { margin-left: 0; }

/* ===== CHART AREA ===== */
.chart-legend-item[b-3mzf7vjj15] { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.chart-legend-dot[b-3mzf7vjj15] { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.chart-bar-wrap[b-3mzf7vjj15] { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.chart-bar-label[b-3mzf7vjj15] { font-size: 12px; color: var(--slate-600); font-weight: 500; min-width: 80px; }
.chart-bar-track[b-3mzf7vjj15] { flex: 1; height: 10px; background: var(--slate-100); border-radius: var(--radius-full); overflow: hidden; }
.chart-bar-fill[b-3mzf7vjj15] { height: 100%; border-radius: var(--radius-full); transition: width 0.7s ease; }
.chart-bar-value[b-3mzf7vjj15] { font-size: 12px; font-weight: 700; color: var(--slate-700); min-width: 30px; text-align: right; }

/* ===== SUCCESSION GRAPH ===== */
.tree-node[b-3mzf7vjj15] { display: inline-flex; flex-direction: column; align-items: center; position: relative; }
.tree-node-card[b-3mzf7vjj15] { background: white; border: 2px solid var(--blue-200); border-radius: var(--radius-xl); padding: 16px 20px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all 0.15s; min-width: 200px; box-shadow: var(--shadow-sm); }
	.tree-node-card:hover[b-3mzf7vjj15], .tree-node-card--active[b-3mzf7vjj15] { border-color: var(--blue-500); box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }
.tree-node-card--critical[b-3mzf7vjj15] { border-color: var(--red-400); }

/* ===== BULK ACTION BAR ===== */
.bulk-bar[b-3mzf7vjj15] { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: var(--slate-900); color: white; padding: 16px 24px; border-radius: var(--radius-2xl); box-shadow: var(--shadow-2xl); z-index: 50; display: flex; align-items: center; gap: 20px; animation: slideUp-b-3mzf7vjj15 0.2s ease; }
.bulk-bar-count[b-3mzf7vjj15] { background: var(--blue-600); color: white; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: var(--radius-md); }

/* ===== RESPONSIVE OVERRIDES ===== */
@media (max-width: 768px) {
	.search-box[b-3mzf7vjj15] { display: none; }
	.user-text[b-3mzf7vjj15] { display: none; }
	.page-body[b-3mzf7vjj15] { padding: 16px; }
}

/* ===== BLAZOR ERROR UI ===== */
#blazor-error-ui[b-3mzf7vjj15] { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
	#blazor-error-ui .dismiss[b-3mzf7vjj15] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
.page-heading[b-3mzf7vjj15] { font-size: 22px; font-weight: 800; color: var(--slate-900); margin-bottom: 6px; }
.page-subtitle[b-3mzf7vjj15] { font-size: 14px; color: var(--slate-500); }
.section-header[b-3mzf7vjj15] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

/* ===== SCROLLBAR ===== */
[b-3mzf7vjj15]::-webkit-scrollbar { width: 6px; height: 6px; }
[b-3mzf7vjj15]::-webkit-scrollbar-track { background: transparent; }
[b-3mzf7vjj15]::-webkit-scrollbar-thumb { background: var(--slate-300); border-radius: 3px; }
	[b-3mzf7vjj15]::-webkit-scrollbar-thumb:hover { background: var(--slate-400); }

/* Shared utility classes for child pages/components rendered inside SuccessionPlanningHost */
.succession-planning-module[b-3mzf7vjj15],
.succession-planning-module[b-3mzf7vjj15]  * { box-sizing: border-box; }

.succession-planning-module[b-3mzf7vjj15]  h1,
.succession-planning-module[b-3mzf7vjj15]  h2,
.succession-planning-module[b-3mzf7vjj15]  h3,
.succession-planning-module[b-3mzf7vjj15]  h4,
.succession-planning-module[b-3mzf7vjj15]  h5,
.succession-planning-module[b-3mzf7vjj15]  h6,
.succession-planning-module[b-3mzf7vjj15]  p { margin: 0; }

.succession-planning-module[b-3mzf7vjj15]  .btn,
.succession-planning-module[b-3mzf7vjj15]  .form-control { all: unset; box-sizing: border-box; }

.succession-planning-module[b-3mzf7vjj15]  .card-body { padding: 0; }
.succession-planning-module[b-3mzf7vjj15]  .card-body-padded { padding: 24px; }

.succession-planning-module[b-3mzf7vjj15]  .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: var(--radius-lg); font-size: 13px; font-weight: 600; cursor: pointer; border: none; transition: all 0.15s ease; text-decoration: none; font-family: inherit; }
.succession-planning-module[b-3mzf7vjj15]  .btn-primary { background: var(--blue-600); color: white; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25); }
	.succession-planning-module[b-3mzf7vjj15]  .btn-primary:hover { background: var(--blue-700); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35); }
.succession-planning-module[b-3mzf7vjj15]  .btn-secondary { background: white; color: var(--slate-600); border: 1px solid var(--slate-200); }
	.succession-planning-module[b-3mzf7vjj15]  .btn-secondary:hover { background: var(--slate-50); }
.succession-planning-module[b-3mzf7vjj15]  .btn-dark { background: var(--slate-900); color: white; }
	.succession-planning-module[b-3mzf7vjj15]  .btn-dark:hover { background: var(--slate-800); }
.succession-planning-module[b-3mzf7vjj15]  .btn-danger { background: var(--red-600); color: white; }
	.succession-planning-module[b-3mzf7vjj15]  .btn-danger:hover { background: var(--red-700); }
.succession-planning-module[b-3mzf7vjj15]  .btn-success { background: var(--emerald-600); color: white; }
	.succession-planning-module[b-3mzf7vjj15]  .btn-success:hover { background: var(--emerald-700); }
.succession-planning-module[b-3mzf7vjj15]  .btn-sm { padding: 6px 14px; font-size: 12px; gap: 6px; border-radius: var(--radius-md); }
.succession-planning-module[b-3mzf7vjj15]  .btn-xs { padding: 4px 10px; font-size: 11px; gap: 4px; border-radius: var(--radius-md); font-weight: 700; }
.succession-planning-module[b-3mzf7vjj15]  .btn:disabled { opacity: 0.5; cursor: not-allowed; }

.succession-planning-module[b-3mzf7vjj15]  .form-group { margin-bottom: 20px; }
.succession-planning-module[b-3mzf7vjj15]  .form-label { display: block; font-size: 11px; font-weight: 700; color: var(--slate-500); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 6px; }
.succession-planning-module[b-3mzf7vjj15]  .form-control { width: 100%; padding: 10px 14px; border: 1px solid var(--slate-200); border-radius: var(--radius-lg); font-size: 14px; font-family: inherit; color: var(--slate-900); background: white; transition: all 0.15s; outline: none; }
	.succession-planning-module[b-3mzf7vjj15]  .form-control:focus { border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
.succession-planning-module[b-3mzf7vjj15]  select.form-control { cursor: pointer; }
.succession-planning-module[b-3mzf7vjj15]  textarea.form-control { resize: vertical; min-height: 120px; }
.succession-planning-module[b-3mzf7vjj15]  .form-control::placeholder { color: var(--slate-400); }

.succession-planning-module[b-3mzf7vjj15]  .modal-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.5); backdrop-filter: blur(6px); z-index: 2147483000 !important; display: flex; align-items: center; justify-content: center; padding: 20px; animation: fadeIn-b-3mzf7vjj15 0.15s ease; }

.succession-planning-module[b-3mzf7vjj15]  .spinner { width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.3); border-top: 2px solid currentColor; border-radius: 50%; animation: spin-b-3mzf7vjj15 0.7s linear infinite; display: inline-block; }

.succession-planning-module[b-3mzf7vjj15]  .emp-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid white; box-shadow: var(--shadow-sm); }
	.succession-planning-module[b-3mzf7vjj15]  .emp-avatar:hover { transform: scale(1.1); box-shadow: var(--shadow-md); }
.succession-planning-module[b-3mzf7vjj15]  .avatar-group { display: flex; }
	.succession-planning-module[b-3mzf7vjj15]  .avatar-group .emp-avatar { margin-left: -8px; }
		.succession-planning-module[b-3mzf7vjj15]  .avatar-group .emp-avatar:first-child { margin-left: 0; }

/* ===== UNIFIED BUTTON BASELINE (ALL SUCCESSION PLANNING PAGES/COMPONENTS) ===== */
.succession-planning-module[b-3mzf7vjj15]  button[class*="btn"]:not([class*="close-btn"]):not(.action-status-btn):not(.delete-task):not(.remove-talent-btn):not(.add-talent-box),
.succession-planning-module[b-3mzf7vjj15]  .btn,
.succession-planning-module[b-3mzf7vjj15]  .bulk-btn,
.succession-planning-module[b-3mzf7vjj15]  .roadmap-btn,
.succession-planning-module[b-3mzf7vjj15]  .ai-insights-btn,
.succession-planning-module[b-3mzf7vjj15]  .link-btn,
.succession-planning-module[b-3mzf7vjj15]  .mini-btn,
.succession-planning-module[b-3mzf7vjj15]  .move-learning-btn,
.succession-planning-module[b-3mzf7vjj15]  .delete-learning-btn,
.succession-planning-module[b-3mzf7vjj15]  .sp-submit-btn,
.succession-planning-module[b-3mzf7vjj15]  .refresh-btn,
.succession-planning-module[b-3mzf7vjj15]  .analyze-btn {
	font-family: inherit;
	font-weight: 700;
	border-radius: 12px;
	padding: 10px 16px;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	line-height: 1.2;
}

.succession-planning-module[b-3mzf7vjj15]  .move-learning-btn,
.succession-planning-module[b-3mzf7vjj15]  .delete-learning-btn,
.succession-planning-module[b-3mzf7vjj15]  .action-status-btn,
.succession-planning-module[b-3mzf7vjj15]  .delete-task,
.succession-planning-module[b-3mzf7vjj15]  .remove-talent-btn,
.succession-planning-module[b-3mzf7vjj15]  .add-talent-box {
	padding: 0;
}

.succession-planning-module[b-3mzf7vjj15]  button[class*="btn"]:not([class*="close-btn"]):not(.action-status-btn):not(.delete-task):not(.remove-talent-btn):not(.add-talent-box):hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .bulk-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .roadmap-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .ai-insights-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .mini-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .move-learning-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .delete-learning-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .sp-submit-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .refresh-btn:hover:not(:disabled),
.succession-planning-module[b-3mzf7vjj15]  .analyze-btn:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.succession-planning-module[b-3mzf7vjj15]  button[class*="btn"]:not([class*="close-btn"]):not(.action-status-btn):not(.delete-task):not(.remove-talent-btn):not(.add-talent-box):focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .bulk-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .roadmap-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .ai-insights-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .link-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .mini-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .move-learning-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .delete-learning-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .sp-submit-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .refresh-btn:focus-visible,
.succession-planning-module[b-3mzf7vjj15]  .analyze-btn:focus-visible {
	outline: 2px solid rgba(59, 130, 246, 0.45);
	outline-offset: 2px;
}

/* ==========================================
   RTL (Arabic) Layout Overrides
   ========================================== */
.succession-planning-module.rtl[b-3mzf7vjj15] {
	direction: rtl;
	text-align: right;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .avatar-group .emp-avatar {
	margin-left: 0;
	margin-right: -8px;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .avatar-group .emp-avatar:first-child {
	margin-right: 0;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .chart-bar-value {
	text-align: left;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  #blazor-error-ui .dismiss {
	right: auto;
	left: 0.75rem;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .float-end {
	float: left !important;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .float-start {
	float: right !important;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .text-end {
	text-align: left !important;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .text-start {
	text-align: right !important;
}

/* Margins/paddings if used in layouts */
.succession-planning-module.rtl[b-3mzf7vjj15]  .ms-2 {
	margin-left: 0 !important;
	margin-right: 0.5rem !important;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .me-2 {
	margin-right: 0 !important;
	margin-left: 0.5rem !important;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .me-3 {
	margin-right: 0 !important;
	margin-left: 1rem !important;
}

.succession-planning-module.rtl[b-3mzf7vjj15]  .ms-3 {
	margin-left: 0 !important;
	margin-right: 1rem !important;
}
/* _content/PayliteNG/Pages/SuccessionPlanning/TalentCalibration.razor.rz.scp.css */
.console-container[b-0u6apg70y2] { --console-bg: var(--slate-50, #f8fafc); --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); --nine-box-green: #f0fdf4; --nine-box-blue: #eff6ff; --nine-box-orange: #fffbeb; --nine-box-red: #fef2f2; --nine-box-white: #ffffff; --border-green: #bbf7d0; --border-blue: #bfdbfe; --border-orange: #fef08a; --border-red: #fecaca; --border-gray: #e2e8f0; }

.console-container[b-0u6apg70y2] { display: flex; flex-direction: column; gap: 20px; height: calc(100vh - 80px); /*background: var(--console-bg);*/ padding: 32px; overflow: hidden; }

.console-header[b-0u6apg70y2] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }

/* 9-Box Grid Layout */
.calibration-workspace[b-0u6apg70y2] { display: grid; grid-template-columns: 1fr 320px; gap: 24px; flex: 1; min-height: 0; }

.nine-box-grid[b-0u6apg70y2] { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 16px; height: 100%; }

.box-card[b-0u6apg70y2] { background: white; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 12px; border: 2px dashed transparent; transition: all 0.3s ease; position: relative; min-height: 0; }

.box-Consistent-Star[b-0u6apg70y2] { background: var(--nine-box-green); border-color: var(--border-green); }
.box-High-Potential[b-0u6apg70y2] { background: var(--nine-box-green); border-color: var(--border-green); }
.box-Rough-Diamond[b-0u6apg70y2] { background: var(--nine-box-blue); border-color: var(--border-blue); }
.box-High-Performer[b-0u6apg70y2] { background: var(--nine-box-green); border-color: var(--border-green); }
.box-Core-Player[b-0u6apg70y2] { background: var(--nine-box-white); border-color: var(--border-gray); }
.box-Inconsistent[b-0u6apg70y2] { background: var(--nine-box-orange); border-color: var(--border-orange); }
.box-Trusted-Prof[b-0u6apg70y2] { background: var(--nine-box-blue); border-color: var(--border-blue); }
.box-Limited-Growth[b-0u6apg70y2] { background: var(--nine-box-orange); border-color: var(--border-orange); }
.box-Underperformer[b-0u6apg70y2] { background: var(--nine-box-red); border-color: var(--border-red); }

.box-header[b-0u6apg70y2] { display: flex; justify-content: space-between; align-items: center; }

.box-title[b-0u6apg70y2] { font-size: 11px; font-weight: 950; text-transform: uppercase; letter-spacing: 0.05em; color: #1e293b; }

.box-count[b-0u6apg70y2] { font-size: 10px; font-weight: 800; color: #94a3b8; }

.avatar-cloud[b-0u6apg70y2] { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 8px; }

.cal-avatar[b-0u6apg70y2] { width: 32px; height: 32px; border-radius: 50%; border: 2px solid white; object-fit: cover; cursor: pointer; transition: transform 0.2s; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
	.cal-avatar:hover[b-0u6apg70y2] { transform: scale(1.1); z-index: 10; }

.cal-avatar-initials[b-0u6apg70y2] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e2e8f0;
	color: #334155;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.04em;
	border: 2px solid white;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	cursor: pointer;
	user-select: none;
}

/* Right Side Panel */
.side-panel[b-0u6apg70y2] { display: flex; flex-direction: column; gap: 20px; overflow-y: auto; padding-right: 4px; }

.panel-card[b-0u6apg70y2] { background: white; border-radius: 20px; padding: 24px; border: 1px solid #e2e8f0; }

.panel-title[b-0u6apg70y2] { font-size: 14px; font-weight: 900; color: #0f172a; margin-bottom: 20px; }

.progress-item[b-0u6apg70y2] { margin-bottom: 16px; }

.progress-label-wrap[b-0u6apg70y2] { display: flex; justify-content: space-between; font-size: 10px; font-weight: 800; margin-bottom: 6px; }

.prog-bar-bg[b-0u6apg70y2] { height: 6px; background: #f1f5f9; border-radius: 3px; overflow: hidden; }
.prog-bar-fill[b-0u6apg70y2] { height: 100%; border-radius: 3px; transition: width 0.4s ease; }

.action-guide-item[b-0u6apg70y2] { padding: 16px; background: #f8fafc; border-radius: 12px; margin-bottom: 12px; }

.guide-title[b-0u6apg70y2] { font-size: 11px; font-weight: 900; color: #3b82f6; text-transform: uppercase; margin-bottom: 8px; }

.guide-text[b-0u6apg70y2] { font-size: 11px; font-weight: 600; color: #475569; line-height: 1.5; }

.participants-stack[b-0u6apg70y2] { display: flex; align-items: center; }

.participant-avatar[b-0u6apg70y2] { width: 36px; height: 36px; border-radius: 50%; border: 2px solid white; margin-left: -12px; object-fit: cover; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
	.participant-avatar:first-child[b-0u6apg70y2] { margin-left: 0; }

.console-container .btn-action[b-0u6apg70y2] {
	width: auto;
	height: 40px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	border: 1px solid transparent;
	cursor: pointer;
	line-height: 1;
	transition: all 0.2s ease;
	text-indent: unset;
}

.console-container .btn-action:hover:not(:disabled)[b-0u6apg70y2] {
	transform: translateY(-1px);
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.console-container .btn-draft[b-0u6apg70y2] {
	background: white;
	color: #475569;
	border-color: #e2e8f0;
}

.console-container .btn-draft:hover:not(:disabled)[b-0u6apg70y2] {
	background: #f8fafc;
	border-color: #cbd5e1;
	color: #334155;
}

.console-container .btn-commit[b-0u6apg70y2] {
	background: #10b981;
	color: white;
	border-color: #10b981;
}

.console-container .btn-commit:hover:not(:disabled)[b-0u6apg70y2] {
	background: #059669;
	border-color: #059669;
}

.console-container .btn-export[b-0u6apg70y2] {
	background: #3b82f6;
	color: white;
	border-color: #3b82f6;
}

.console-container .btn-export:hover:not(:disabled)[b-0u6apg70y2] {
	background: #2563eb;
	border-color: #2563eb;
}

.console-container .btn-action:disabled[b-0u6apg70y2] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.status-bar[b-0u6apg70y2] { background: var(--console-bg); border-top: 1px solid #e2e8f0; padding: 16px 32px; display: flex; justify-content: space-between; font-size: 10px; font-weight: 800; color: #94a3b8; }

.cal-avatar-container[b-0u6apg70y2] { position: relative; display: inline-block; cursor: grab; }

	.cal-avatar-container:active[b-0u6apg70y2] { cursor: grabbing; }

.remove-talent-btn[b-0u6apg70y2] { position: absolute; top: -5px; right: -5px; width: 16px; height: 16px; border-radius: 50%; background: #ef4444; color: white; border: 2px solid white; font-size: 8px; display: none; z-index: 10; }

.box-card.drag-over[b-0u6apg70y2] { border-color: #3b82f6 !important; background: #eff6ff !important; box-shadow: 0 0 0 2px #3b82f6, 0 10px 15px -3px rgba(0, 0, 0, 0.1); transform: scale(1.01); }

.remove-talent-btn[b-0u6apg70y2] {
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 11;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.cal-avatar-container:hover .remove-talent-btn[b-0u6apg70y2] { display: flex; }

.custom-scrollbar[b-0u6apg70y2]::-webkit-scrollbar { width: 5px; }
.custom-scrollbar[b-0u6apg70y2]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

/* Filter Dropdown Styling */
.filter-wrapper[b-0u6apg70y2] { position: relative; }

.filter-dropdown[b-0u6apg70y2] { position: absolute; top: 100%; right: 0; margin-top: 8px; width: 240px; background: white; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); border: 1px solid #f1f5f9; z-index: 1000; overflow: hidden; animation: slideDown-b-0u6apg70y2 0.2s ease-out; }

@keyframes slideDown-b-0u6apg70y2 {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp-b-0u6apg70y2 {
	from { opacity: 0; transform: translate(-50%, 20px); }
	to { opacity: 1; transform: translate(-50%, 0); }
}

.filter-dropdown-header[b-0u6apg70y2] { padding: 16px 20px 8px; font-size: 10px; font-weight: 900; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; }

.filter-item[b-0u6apg70y2] { padding: 12px 20px; font-size: 13px; font-weight: 700; color: #475569; cursor: pointer; transition: all 0.2s; display: flex; justify-content: space-between; align-items: center; }

	.filter-item:hover[b-0u6apg70y2] { background: #f8fafc; color: #3b82f6; }

	.filter-item.active[b-0u6apg70y2] { background: #eff6ff; color: #3b82f6; }

		.filter-item.active[b-0u6apg70y2]::after { content: '✓'; font-size: 12px; }

.commit-modal-backdrop[b-0u6apg70y2] {
	position: fixed !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px;
	z-index: 2147483000 !important;
}

.commit-modal-backdrop .modal[b-0u6apg70y2] {
	margin: 0 auto;
	align-self: center;
}

.commit-final-modal[b-0u6apg70y2] {
	position: relative !important;
	inset: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	margin: 0 auto !important;
	width: min(90vw, 440px);
	height: auto !important;
	max-height: 90vh;
	overflow: hidden;
}

.nav-confirm-btn[b-0u6apg70y2] {
	width: 100%;
	min-height: 42px;
	justify-content: center;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-indent: unset !important;
}

.nav-confirm-btn-danger[b-0u6apg70y2] {
	background: #ef4444;
	border-color: #ef4444;
	color: #fff;
}

.nav-confirm-btn-danger:hover:not(:disabled)[b-0u6apg70y2] {
	background: #dc2626;
	border-color: #dc2626;
}

.add-talent-box[b-0u6apg70y2] { width: 32px; height: 32px; border-radius: 50%; border: 2px dashed #cbd5e1; background: transparent; color: #94a3b8; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; opacity: 0.1; /* Slightly visible by default */ font-size: 16px; font-weight: 300; }

.box-card:hover .add-talent-box[b-0u6apg70y2] { opacity: 1; }


.add-talent-box:hover[b-0u6apg70y2] { border-color: #3b82f6; background: #eff6ff; color: #3b82f6; transform: scale(1.1); }
/* _content/PayliteNG/Pages/SuccessionPlanning/TalentPools.razor.rz.scp.css */
.tp-console-header[b-yb5hjew0m6] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.tp-console-title[b-yb5hjew0m6] {
	font-size: 28px;
	font-weight: 950;
	color: #0f172a;
	margin: 0;
	letter-spacing: -0.02em;
}

.tp-console-subtitle[b-yb5hjew0m6] {
	font-size: 13px;
	color: #64748b;
	margin-top: 4px;
	font-weight: 500;
}

.tp-header-btn[b-yb5hjew0m6] {
	height: 40px;
	padding: 0 16px;
	border-radius: 12px;
	border: 1px solid #2563eb;
	background: #2563eb;
	color: white;
	font-size: 12px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.tp-header-btn:hover[b-yb5hjew0m6] {
	background: #1d4ed8;
	border-color: #1d4ed8;
	transform: translateY(-1px);
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.talent-pools-page .form-control[b-yb5hjew0m6] {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--slate-200);
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
	background: white;
	color: var(--slate-900);
	outline: none;
	box-shadow: none;
}

.talent-pools-page .form-control:focus[b-yb5hjew0m6] {
	border-color: var(--blue-500);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.talent-pools-page .btn[b-yb5hjew0m6] {
	height: 40px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	line-height: 1 !important;
	text-transform: none !important;
	transition: all 0.2s ease !important;
}

.talent-pools-page .btn-sm[b-yb5hjew0m6] {
	height: 34px !important;
	padding: 0 12px !important;
	font-size: 11px !important;
	border-radius: 10px !important;
}

.talent-pools-page .btn-primary[b-yb5hjew0m6] {
	background: #2563eb !important;
	border: 1px solid #2563eb !important;
	color: white !important;
}

.talent-pools-page .btn-primary:hover:not(:disabled)[b-yb5hjew0m6] {
	background: #1d4ed8 !important;
	border-color: #1d4ed8 !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.talent-pools-page .btn-dark[b-yb5hjew0m6] {
	background: #0f172a !important;
	border: 1px solid #0f172a !important;
	color: white !important;
}

.talent-pools-page .btn-dark:hover:not(:disabled)[b-yb5hjew0m6] {
	background: #1e293b !important;
	border-color: #1e293b !important;
}

.talent-pools-page .btn-secondary[b-yb5hjew0m6] {
	background: white !important;
	border: 1px solid var(--slate-200) !important;
	color: var(--slate-600) !important;
}

.talent-pools-page .btn-secondary:hover:not(:disabled)[b-yb5hjew0m6] {
	background: var(--slate-50) !important;
	border-color: var(--slate-300) !important;
}

.talent-pools-page .btn-danger[b-yb5hjew0m6] {
	background: #ef4444 !important;
	border: 1px solid #ef4444 !important;
	color: white !important;
}

.talent-pools-page .btn-danger:hover:not(:disabled)[b-yb5hjew0m6] {
	background: #dc2626 !important;
	border-color: #dc2626 !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 16px rgba(239, 68, 68, 0.2);
}

.talent-pools-page .pool-list[b-yb5hjew0m6] {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 10px;
	overflow-y: auto;
}

.talent-pools-page .pool-card[b-yb5hjew0m6] {
	width: 100%;
	text-align: left;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 16px;
	padding: 14px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease;
}

.talent-pools-page .pool-card:hover[b-yb5hjew0m6] {
	border-color: #bfdbfe;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.talent-pools-page .pool-card--active[b-yb5hjew0m6] {
	border-color: #3b82f6;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
}

.talent-pools-page .badge[b-yb5hjew0m6] {
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 6px 10px !important;
	border-radius: 999px;
	line-height: 1;
	border-width: 1px;
}

.talent-pools-page .badge-success[b-yb5hjew0m6] {
	background: #dcfce7 !important;
	color: #166534 !important;
	border-color: #86efac !important;
}

.talent-pools-page .badge-warning[b-yb5hjew0m6] {
	background: #fef3c7 !important;
	color: #92400e !important;
	border-color: #fcd34d !important;
}

.talent-pools-page .badge-danger[b-yb5hjew0m6] {
	background: #fee2e2 !important;
	color: #991b1b !important;
	border-color: #fca5a5 !important;
}

.talent-pools-page .badge-secondary[b-yb5hjew0m6] {
	background: #f1f5f9 !important;
	color: #475569 !important;
	border-color: #cbd5e1 !important;
}

.talent-pools-page .badge-info[b-yb5hjew0m6] {
	background: #eff6ff !important;
	color: #1d4ed8 !important;
	border-color: #bfdbfe !important;
}

.modal-backdrop[b-yb5hjew0m6] {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(8px);
	z-index: 2147483000 !important;
}

.modal[b-yb5hjew0m6] {
	width: min(760px, calc(100vw - 48px));
	height: fit-content;
	max-height: min(82vh, 760px);
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 30px 60px rgba(15, 23, 42, 0.3);
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
	position: static !important;
	margin: 0 !important;
	transform: none !important;
	border: 1px solid #e2e8f0;
}

.tp-assign-curriculum-modal[b-yb5hjew0m6] {
	width: min(520px, calc(100vw - 48px));
}

.modal-header[b-yb5hjew0m6] {
	padding: 24px 24px 18px;
	border-bottom: 1px solid #e2e8f0;
	background: #f8fafc;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-title[b-yb5hjew0m6] {
	font-size: 38px;
	font-weight: 900;
	color: #0f172a;
	margin: 0;
}

.modal-subtitle[b-yb5hjew0m6] {
	font-size: 14px;
	color: #64748b;
	font-weight: 600;
	margin-top: 4px;
}

.modal-body[b-yb5hjew0m6] {
	padding: 20px 24px;
	background: #fff;
	flex: 0 0 auto !important;
}

.modal-footer[b-yb5hjew0m6] {
	padding: 16px 24px;
	border-top: 1px solid #e2e8f0;
	background: #f8fafc;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.tp-add-member-body[b-yb5hjew0m6] {
	padding-bottom: 12px !important;
}

.tp-add-member-list-wrap[b-yb5hjew0m6] {
	flex: 1 1 auto;
	min-height: 0;
	margin-top: 0 !important;
}

.tp-add-member-modal[b-yb5hjew0m6] {
	height: min(640px, 82vh);
	max-height: min(640px, 82vh);
}

.tp-member-card .tp-remove-member-btn[b-yb5hjew0m6] {
	opacity: 0.45 !important;
}

.tp-member-card:hover .tp-remove-member-btn[b-yb5hjew0m6] {
	opacity: 1 !important;
}

.tp-add-member-btn[b-yb5hjew0m6] {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 10px;
	border: 1px solid #dbe3ef;
	background: #f8fafc;
	color: #94a3b8;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s ease;
}

.tp-add-member-btn:hover[b-yb5hjew0m6] {
	background: #eff6ff;
	border-color: #93c5fd;
	color: #2563eb;
}

.modal-close[b-yb5hjew0m6] {
	width: 36px;
	height: 36px;
	border: none;
	background: transparent;
	color: #94a3b8;
	font-size: 22px;
	cursor: pointer;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.modal-close:hover[b-yb5hjew0m6] {
	background: #e2e8f0;
	color: #475569;
}
/* _content/PayliteNG/Pages/TestHtml.razor.rz.scp.css */
/* ============================================================
   MAIN DESIGNER
   ============================================================ */

.letter-designer[b-0nmq20cui7] {
    background: #f5f6f8;
    min-height: 100vh;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.designer-title[b-0nmq20cui7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .designer-title h5[b-0nmq20cui7] {
        font-weight: 600;
        margin: 0;
    }

.designer-subtitle[b-0nmq20cui7] {
    color: #6c757d;
    margin: 0;
    font-size: 13px;
}

.designer-actions[b-0nmq20cui7] {
    display: flex;
    gap: 8px;
}


/* ============================================================
   PARAMETERS
   ============================================================ */

.parameter-section[b-0nmq20cui7] {
    background: white;
    padding: 12px 15px;
    border-radius: 7px;
    border: 1px solid #e3e6ea;
}

.section-label[b-0nmq20cui7] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.field-container[b-0nmq20cui7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.field-chip[b-0nmq20cui7] {
    background: #e8f1ff;
    border: 1px solid #80adff;
    color: #1255b5;
    padding: 7px 12px;
    border-radius: 5px;
    font-size: 13px;
    cursor: grab;
    user-select: none;
    transition: 0.15s;
}

    .field-chip:hover[b-0nmq20cui7] {
        background: #d9e9ff;
        transform: translateY(-1px);
    }

    .field-chip:active[b-0nmq20cui7] {
        cursor: grabbing;
    }

.drag-icon[b-0nmq20cui7] {
    margin-right: 5px;
    opacity: .7;
}


/* ============================================================
   CONFIGURATION CARD
   ============================================================ */

.config-card[b-0nmq20cui7],
.editor-card[b-0nmq20cui7] {
    background: #fff;
    border: 1px solid #e2e5e9;
    border-radius: 7px;
    overflow: hidden;
}

.config-header[b-0nmq20cui7],
.editor-card-header[b-0nmq20cui7] {
    background: #fafbfc;
    border-bottom: 1px solid #e4e7eb;
    padding: 13px 16px;
}

    .config-header h6[b-0nmq20cui7],
    .editor-card-header h6[b-0nmq20cui7] {
        margin: 0;
        font-weight: 600;
    }

.config-body[b-0nmq20cui7] {
    padding: 15px;
}

.config-title[b-0nmq20cui7] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.config-group[b-0nmq20cui7] {
    margin-top: 12px;
}

    .config-group label[b-0nmq20cui7] {
        display: block;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
    }

.radio-row[b-0nmq20cui7] {
    display: flex;
    gap: 15px;
    font-size: 13px;
}

    .radio-row label[b-0nmq20cui7] {
        cursor: pointer;
    }

    .radio-row input[b-0nmq20cui7] {
        margin-right: 4px;
    }

.file-success[b-0nmq20cui7] {
    display: block;
    margin-top: 5px;
    color: #198754;
}

.file-error[b-0nmq20cui7] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}


/* ============================================================
   EDITOR CARD
   ============================================================ */

.editor-card-header[b-0nmq20cui7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .editor-card-header span[b-0nmq20cui7] {
        color: #777;
        font-size: 11px;
    }

.toolbar-actions[b-0nmq20cui7] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.tool-btn[b-0nmq20cui7] {
    height: 31px;
    min-width: 32px;
    border: 1px solid #d8dce2;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
}

    .tool-btn:hover[b-0nmq20cui7] {
        background: #f0f2f5;
    }

.toolbar-select[b-0nmq20cui7] {
    height: 31px;
    border: 1px solid #d8dce2;
    border-radius: 4px;
    padding: 0 7px;
}


/* ============================================================
   EDITOR BODY
   ============================================================ */

.editor-card-body[b-0nmq20cui7] {
    background: #eef0f3;
    padding: 25px;
    overflow: auto;
}


/* ============================================================
   A4 PAPER
   ============================================================ */

.paper-wrapper[b-0nmq20cui7] {
    display: flex;
    justify-content: center;
}

.letter-paper[b-0nmq20cui7] {
    position: relative;
    width: 210mm;
    min-height: 297mm;
    background: white;
    box-sizing: border-box;
    padding: 18mm 18mm 22mm 18mm;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .14);
    overflow: hidden;
    color: #222;
}


/* ============================================================
   HEADER
   ============================================================ */

.paper-header[b-0nmq20cui7] {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.header-image[b-0nmq20cui7] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* ============================================================
   FOOTER
   ============================================================ */

.paper-footer[b-0nmq20cui7] {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 8mm;
    left: 18mm;
    width: calc(100% - 36mm);
}

.footer-image[b-0nmq20cui7] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* ============================================================
   WATERMARK
   ============================================================ */

.paper-watermark[b-0nmq20cui7] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .paper-watermark img[b-0nmq20cui7] {
        max-width: 100%;
    }


/* ============================================================
   DOCUMENT TOOLBAR
   ============================================================ */

.document-toolbar[b-0nmq20cui7] {
    height: 35px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
    position: relative;
    z-index: 20;
}

    .document-toolbar button[b-0nmq20cui7] {
        border: 1px solid #ddd;
        background: white;
        min-width: 28px;
        height: 26px;
        cursor: pointer;
    }

    .document-toolbar span[b-0nmq20cui7] {
        width: 1px;
        height: 18px;
        background: #ddd;
        margin: 0 5px;
    }


/* ============================================================
   HTML EDITOR
   ============================================================ */

.html-letter-editor[b-0nmq20cui7] {
    position: relative;
    z-index: 5;
    min-height: 650px;
    outline: none;
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    word-break: normal;
    overflow-wrap: break-word;
}

    .html-letter-editor:focus[b-0nmq20cui7] {
        outline: none;
    }

    .html-letter-editor p[b-0nmq20cui7] {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .html-letter-editor table[b-0nmq20cui7] {
        border-collapse: collapse;
        width: 100%;
    }

    .html-letter-editor td[b-0nmq20cui7],
    .html-letter-editor th[b-0nmq20cui7] {
        padding: 5px;
    }


/* ============================================================
   PARAMETER INSIDE EDITOR
   ============================================================ */

.letter-parameter[b-0nmq20cui7] {
    display: inline-block;
    background: #e8f1ff;
    border: 1px solid #5593ff;
    color: #0755b5;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    user-select: none;
    white-space: nowrap;
    cursor: default;
}


/* ============================================================
   FLOATING SIGNATURE / STAMP
   ============================================================ */

.floating-element[b-0nmq20cui7] {
    position: absolute;
    z-index: 50;
    cursor: move;
    user-select: none;
}

    .floating-element img[b-0nmq20cui7] {
        display: block;
        max-width: 100%;
        pointer-events: none;
    }

.signature-element[b-0nmq20cui7] {
    width: 150px;
    left: 65%;
    top: 75%;
}

.stamp-element[b-0nmq20cui7] {
    width: 100px;
    left: 20%;
    top: 72%;
}

.resize-handle[b-0nmq20cui7] {
    display: none;
    position: absolute;
    width: 10px;
    height: 10px;
    right: -5px;
    bottom: -5px;
    background: #0d6efd;
    border: 2px solid white;
    border-radius: 50%;
    cursor: nwse-resize;
}

.floating-element:hover .resize-handle[b-0nmq20cui7] {
    display: block;
}


/* ============================================================
   BOOTSTRAP RESPONSIVE
   ============================================================ */

@media (max-width: 992px) {

    .designer-title[b-0nmq20cui7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .editor-card-header[b-0nmq20cui7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .editor-card-body[b-0nmq20cui7] {
        padding: 10px;
    }
}
/* _content/PayliteNG/Shared/MainLayout.razor.rz.scp.css */
.page[b-y9i7x2aw3w] { position: relative; display: flex; flex-direction: column; }

main[b-y9i7x2aw3w] { flex: 1; }

/*.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
*/

.top-row[b-y9i7x2aw3w] { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; display: flex; align-items: center; }

	.top-row[b-y9i7x2aw3w]  a, .top-row .btn-link[b-y9i7x2aw3w] { white-space: nowrap; margin-left: 1.5rem; }

	.top-row a:first-child[b-y9i7x2aw3w] { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640.98px) {
	.top-row:not(.auth)[b-y9i7x2aw3w] { display: none; }

	.top-row.auth[b-y9i7x2aw3w] { justify-content: space-between; }

	.top-row a[b-y9i7x2aw3w], .top-row .btn-link[b-y9i7x2aw3w] { margin-left: 0; }
}

@media (min-width: 641px) {
	.page[b-y9i7x2aw3w] { flex-direction: row; }

	.sidebar[b-y9i7x2aw3w] { /*width: 250px;*/ height: 100vh; position: sticky; top: 0rem; }

	.top-row[b-y9i7x2aw3w] { position: sticky; top: 0; z-index: 1; }

	.top-row[b-y9i7x2aw3w], article[b-y9i7x2aw3w] { padding-left: 2rem !important; padding-right: 2rem !important; }
}
/* _content/PayliteNG/Shared/MemberLayout.razor.rz.scp.css */
.page[b-heuotelt08] { position: relative; display: flex; flex-direction: column; }

main[b-heuotelt08] { flex: 1; }

/*.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
*/

.top-row[b-heuotelt08] { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; display: flex; align-items: center; }

	.top-row[b-heuotelt08]  a, .top-row .btn-link[b-heuotelt08] { white-space: nowrap; margin-left: 1.5rem; }

	.top-row a:first-child[b-heuotelt08] { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640.98px) {
	.top-row:not(.auth)[b-heuotelt08] { display: none; }

	.top-row.auth[b-heuotelt08] { justify-content: space-between; }

	.top-row a[b-heuotelt08], .top-row .btn-link[b-heuotelt08] { margin-left: 0; }
}

@media (min-width: 641px) {
	.page[b-heuotelt08] { flex-direction: row; }

	.sidebar[b-heuotelt08] { /*width: 250px;*/ height: 100vh; position: sticky; top: 0rem; }

	.top-row[b-heuotelt08] { position: sticky; top: 0; z-index: 1; }

	.top-row[b-heuotelt08], article[b-heuotelt08] { padding-left: 2rem !important; padding-right: 2rem !important; }
}
/* _content/PayliteNG/Shared/MemberLayout_Reduced.razor.rz.scp.css */
.page[b-np9fuqe4c3] { position: relative; display: flex; flex-direction: column; }

main[b-np9fuqe4c3] { flex: 1; }

/*.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
*/

.top-row[b-np9fuqe4c3] { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; display: flex; align-items: center; }

	.top-row[b-np9fuqe4c3]  a, .top-row .btn-link[b-np9fuqe4c3] { white-space: nowrap; margin-left: 1.5rem; }

	.top-row a:first-child[b-np9fuqe4c3] { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640.98px) {
	.top-row:not(.auth)[b-np9fuqe4c3] { display: none; }

	.top-row.auth[b-np9fuqe4c3] { justify-content: space-between; }

	.top-row a[b-np9fuqe4c3], .top-row .btn-link[b-np9fuqe4c3] { margin-left: 0; }
}

@media (min-width: 641px) {
	.page[b-np9fuqe4c3] { flex-direction: row; }

	.sidebar[b-np9fuqe4c3] { /*width: 250px;*/ height: 100vh; position: sticky; top: 0rem; }

	.top-row[b-np9fuqe4c3] { position: sticky; top: 0; z-index: 1; }

	.top-row[b-np9fuqe4c3], article[b-np9fuqe4c3] { padding-left: 2rem !important; padding-right: 2rem !important; }
}
/* _content/PayliteNG/Shared/MobileMenu.razor.rz.scp.css */
.mobile-nav-container[b-xmw4fs4o6h] {
    display: none;
}

@media (max-width: 640.98px) {
    .mobile-nav-container[b-xmw4fs4o6h] {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #fff;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }

    .bottom-nav[b-xmw4fs4o6h] {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 60px;
        padding-bottom: env(safe-area-inset-bottom);
        background: linear-gradient(to bottom, #ffffff, #f9f9f9);
        border-top: 1px solid #e0e0e0;
    }

    .nav-item[b-xmw4fs4o6h] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        color: #666;
        font-size: 10px;
        cursor: pointer;
        transition: all 0.2s ease;
        padding: 5px;
    }

    .nav-item:active[b-xmw4fs4o6h] {
        background: rgba(0, 123, 255, 0.05);
    }

    .nav-item img[b-xmw4fs4o6h] {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }

    .nav-item.active[b-xmw4fs4o6h] {
        color: #007bff;
        font-weight: 600;
    }

    .nav-item.active img[b-xmw4fs4o6h] {
        filter: brightness(0) saturate(100%) invert(28%) sepia(94%) saturate(1197%) hue-rotate(202deg) brightness(101%) contrast(103%);
    }

    .more-menu-overlay[b-xmw4fs4o6h] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1001;
        display: flex;
        justify-content: flex-end;
        animation: slideIn-b-xmw4fs4o6h 0.3s ease-out;
    }

    @keyframes slideIn-b-xmw4fs4o6h {
        from {
            background: rgba(0,0,0,0);
        }
        to {
            background: rgba(0,0,0,0.5);
        }
    }

    .more-menu-content[b-xmw4fs4o6h] {
        width: 85%;
        max-width: 320px;
        height: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        animation: slideRight-b-xmw4fs4o6h 0.3s ease-out;
        box-shadow: -2px 0 10px rgba(0,0,0,0.15);
    }

    @keyframes slideRight-b-xmw4fs4o6h {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }

    .more-menu-header[b-xmw4fs4o6h] {
        padding: 16px;
        border-bottom: 2px solid #f0f0f0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to bottom, #f9f9f9, #ffffff);
    }

    .more-menu-header h3[b-xmw4fs4o6h] {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #333;
    }

    .more-menu-header[b-xmw4fs4o6h]  .k-button {
        min-width: auto;
        padding: 0;
        width: 32px;
        height: 32px;
    }

    .more-menu-body[b-xmw4fs4o6h] {
        flex: 1;
        overflow-y: auto;
        padding: 8px 0;
    }

    .more-menu-body[b-xmw4fs4o6h]::-webkit-scrollbar {
        width: 6px;
    }

    .more-menu-body[b-xmw4fs4o6h]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .more-menu-body[b-xmw4fs4o6h]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }

    .more-menu-body[b-xmw4fs4o6h]::-webkit-scrollbar-thumb:hover {
        background: #888;
    }

    .menu-category[b-xmw4fs4o6h] {
        border-bottom: 1px solid #f9f9f9;
    }

    .category-header[b-xmw4fs4o6h] {
        padding: 14px 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 500;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.2s ease;
        color: #444;
    }

    .category-header:active[b-xmw4fs4o6h] {
        background: rgba(0, 123, 255, 0.08);
    }

    .category-header img[b-xmw4fs4o6h] {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }

    .category-header span[b-xmw4fs4o6h] {
        flex: 1;
    }

    .category-header[b-xmw4fs4o6h]  .k-icon {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .sub-menu[b-xmw4fs4o6h] {
        list-style: none;
        padding: 0;
        margin: 0;
        background: #fcfcfc;
        border-top: 1px solid #f0f0f0;
        animation: expandMenu-b-xmw4fs4o6h 0.2s ease-out;
    }

    @keyframes expandMenu-b-xmw4fs4o6h {
        from {
            opacity: 0;
            max-height: 0;
        }
        to {
            opacity: 1;
            max-height: 500px;
        }
    }

    .sub-menu li[b-xmw4fs4o6h] {
        padding: 12px 16px 12px 50px;
        font-size: 13px;
        color: #555;
        border-top: 1px solid #f5f5f5;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .sub-menu li:first-child[b-xmw4fs4o6h] {
        border-top: none;
    }

    .sub-menu li:active[b-xmw4fs4o6h] {
        background: rgba(0, 123, 255, 0.1);
        color: #007bff;
    }

    .sub-menu li span[b-xmw4fs4o6h] {
        display: block;
    }
}

/* _content/PayliteNG/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5mjww4jw5e] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-5mjww4jw5e] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-5mjww4jw5e]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-5mjww4jw5e] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-5mjww4jw5e] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}