/* =====================================================
   SHQELA EMPLOYER DASHBOARD
===================================================== */


.shqela-employer-dashboard {

    max-width:1200px;

    margin:40px auto;

    padding:20px;

}







/* =====================================================
   HEADER
===================================================== */


.shqela-dashboard-header {

    margin-bottom:35px;

}



.shqela-dashboard-header h2 {

    font-size:36px;

    font-weight:800;

    color:#111827;

    margin:0 0 10px;

}



.shqela-dashboard-header p {

    color:#6b7280;

    font-size:16px;

    line-height:1.6;

}








/* =====================================================
   MAIN BOX
===================================================== */


.shqela-dashboard-box {

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:28px;

    padding:35px;

    box-shadow:

    0 15px 40px rgba(0,0,0,.06);

}









/* =====================================================
   TITLE AREA
===================================================== */


.shqela-dashboard-title {

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    margin-bottom:35px;

}



.shqela-dashboard-title h3 {

    margin:0;

    font-size:28px;

    font-weight:800;

    color:#111827;

}



.shqela-dashboard-title p {

    margin:8px 0 0;

    color:#6b7280;

}








/* =====================================================
   PRIMARY BUTTON
===================================================== */


.shqela-dashboard-primary-button {


    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#2563eb;

    color:#ffffff!important;

    padding:14px 24px;

    border-radius:14px;

    font-weight:800;

    text-decoration:none;

    transition:.3s ease;

}



.shqela-dashboard-primary-button:hover {


    background:#1d4ed8;

    transform:translateY(-2px);

}









/* =====================================================
   JOB LIST
===================================================== */


.shqela-jobs-dashboard-list {

    display:flex;

    flex-direction:column;

    gap:24px;

}









/* =====================================================
   JOB CARD
===================================================== */


.shqela-job-item {


    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:24px;

    padding:30px;

    transition:.3s ease;


}



.shqela-job-item:hover {


    transform:translateY(-4px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.08);


}









/* =====================================================
   JOB HEADER
===================================================== */


.shqela-job-header {


    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;

    margin-bottom:25px;


}



.shqela-job-title-area h3 {


    margin:0 0 10px;


}



.shqela-job-title-area h3 a {


    font-size:24px;

    font-weight:800;

    color:#111827;

    text-decoration:none;


}



.shqela-job-title-area h3 a:hover {


    color:#2563eb;


}



.shqela-job-date {


    color:#6b7280;

    font-size:14px;


}









/* =====================================================
   STATUS BADGES
===================================================== */


.shqela-job-status {


    padding:8px 18px;

    border-radius:50px;

    font-size:13px;

    font-weight:800;


}



.shqela-status-active {


    background:#dcfce7;

    color:#166534;


}



.shqela-status-closed {


    background:#fee2e2;

    color:#991b1b;


}









/* =====================================================
   JOB INFORMATION
===================================================== */


.shqela-job-dashboard-info {


    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:25px;

    padding-top:20px;

    border-top:1px solid #f1f5f9;


}









/* =====================================================
   APPLICANTS
===================================================== */


.shqela-applicant-stat {


    display:flex;

    flex-direction:column;


}



.shqela-applicant-stat strong {


    font-size:32px;

    line-height:1;

    font-weight:900;

    color:#111827;


}



.shqela-applicant-stat span {


    color:#6b7280;

    margin-top:6px;

    font-size:14px;


}







.shqela-applicant-label {


    background:#dcfce7;

    color:#166534;

    padding:7px 14px;

    border-radius:50px;

    font-size:12px;

    font-weight:800;


}









/* =====================================================
   ACTION AREA FIXED
===================================================== */


.shqela-job-action-area {


    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:16px;

    flex-wrap:wrap;

    width:100%;

    margin-top:10px;


}



.shqela-job-action-area a {


    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:150px;

    min-height:48px;

    padding:12px 24px;

    border-radius:14px;

    font-size:14px;

    font-weight:800;

    text-decoration:none;

    border:1px solid transparent;

    transition:all .25s ease;

    box-sizing:border-box;


}
/* =====================================================
   REVIEW APPLICATIONS BUTTON
===================================================== */


.shqela-view-applicants-button {


    background:#111827;

    color:#ffffff!important;

    border-color:#111827!important;


}



.shqela-view-applicants-button:hover {


    background:#2563eb;

    border-color:#2563eb!important;

    transform:translateY(-2px);


}









/* Applicant Count Badge */


.shqela-button-count {


    margin-left:8px;

    background:#ffffff;

    color:#111827;

    padding:3px 9px;

    border-radius:20px;

    font-size:12px;

    font-weight:900;


}









/* =====================================================
   VIEW JOB BUTTON
===================================================== */


.shqela-view-job-button {


    background:#ffffff;

    color:#111827!important;

    border-color:#cbd5e1!important;


}



.shqela-view-job-button:hover {


    background:#f8fafc;

    border-color:#94a3b8!important;

    transform:translateY(-2px);


}









/* =====================================================
   EDIT JOB BUTTON
===================================================== */


.shqela-edit-job-button {


    background:#fffbeb;

    color:#92400e!important;

    border-color:#fcd34d!important;


}



.shqela-edit-job-button:hover {


    background:#fef3c7;

    transform:translateY(-2px);


}









/* =====================================================
   CLOSE JOB BUTTON
===================================================== */


.shqela-close-job-button {


    background:#fff1f2;

    color:#be123c!important;

    border-color:#fecdd3!important;


}



.shqela-close-job-button:hover {


    background:#ffe4e6;

    transform:translateY(-2px);


}









/* =====================================================
   REOPEN JOB BUTTON
===================================================== */


.shqela-reopen-job-button {


    background:#ecfdf5;

    color:#047857!important;

    border-color:#a7f3d0!important;


}



.shqela-reopen-job-button:hover {


    background:#d1fae5;

    transform:translateY(-2px);


}









/* =====================================================
   NO APPLICATIONS
===================================================== */


.shqela-no-applications {


    margin-top:20px;

    padding:18px;

    background:#f8fafc;

    border-radius:16px;

    text-align:center;

    color:#6b7280;


}









/* =====================================================
   EMPTY STATE
===================================================== */


.shqela-empty-state {


    text-align:center;

    background:#f8fafc;

    padding:45px;

    border-radius:24px;


}



.shqela-empty-state h3 {


    font-size:26px;

    font-weight:900;

    color:#111827;


}



.shqela-empty-state p {


    color:#6b7280;

    margin-bottom:25px;


}









/* =====================================================
   MOBILE
===================================================== */


@media(max-width:768px){



    .shqela-employer-dashboard {


        padding:15px;

        margin:20px auto;


    }




    .shqela-dashboard-header h2 {


        font-size:28px;


    }




    .shqela-dashboard-box {


        padding:20px;


    }




    .shqela-dashboard-title {


        flex-direction:column;

        align-items:flex-start;


    }




    .shqela-dashboard-primary-button {


        width:100%;


    }




    .shqela-job-item {


        padding:20px;


    }




    .shqela-job-header {


        flex-direction:column;


    }




    .shqela-job-dashboard-info {


        flex-direction:column;

        align-items:flex-start;


    }




    .shqela-job-action-area {


        width:100%;

        flex-direction:column;

        gap:12px;


    }




    .shqela-job-action-area a {


        width:100%;

        min-width:100%;


    }



}