/* ==========================================================
   Employee Module
========================================================== */

.erp-page{

    padding:32px;

    width:100%;

}

.erp-page-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    margin-bottom:30px;

    flex-wrap:wrap;

}

.erp-page-header h1{

    margin:0;

    font-size:30px;

    font-weight:700;

    color:#0F172A;

}

.erp-page-header p{

    margin:6px 0 0;

    color:#64748B;

    font-size:15px;

}

.erp-toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    margin-bottom:24px;

    flex-wrap:wrap;

}

.erp-toolbar-right{

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}

.erp-search{

    position:relative;

    width:420px;

    max-width:100%;

}

.erp-search input{

    width:100%;

    height:48px;

    padding:0 18px 0 46px;

    border:1px solid var(--erp-border);

    border-radius:12px;

    background:#FFFFFF;

    transition:.25s;

}

.erp-search input:focus{

    outline:none;

    border-color:var(--erp-primary);

    box-shadow:0 0 0 4px rgba(37,99,235,.08);

}

.erp-search i{

    position:absolute;

    left:16px;

    top:50%;

    transform:translateY(-50%);

    color:#94A3B8;

    font-size:16px;

}

.erp-page table th{

    width:220px;

    color:#64748B;

    font-weight:600;

}

.erp-page table td{

    color:#1E293B;

}

.erp-page img{

    border:5px solid #E2E8F0;

    border-radius:50%;

}

@media (max-width:992px){

    .erp-page{

        padding:20px;

    }

    .erp-toolbar{

        flex-direction:column;

        align-items:stretch;

    }

    .erp-toolbar-right{

        width:100%;

    }

    .erp-toolbar-right .erp-select{

        flex:1;

    }

    .erp-search{

        width:100%;

    }

}

@media (max-width:768px){

    .erp-page-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .erp-page-header .erp-btn{

        width:100%;

        justify-content:center;

    }

    .erp-toolbar-right{

        flex-direction:column;

    }

    .erp-toolbar-right .erp-select{

        width:100%;

    }

}

.employee-profile-avatar{

    display:grid;

    place-items:center;

    width:120px;

    height:120px;

    margin:0 auto 1rem;

    overflow:hidden;

    border:5px solid #E2E8F0;

    border-radius:50%;

}

img.employee-profile-avatar{

    display:block;

    object-fit:cover;

}

.employee-profile-initials{

    color:#FFFFFF;

    background:linear-gradient(145deg, var(--erp-primary, #0F8B8D), #2563EB);

    font-size:36px;

    font-weight:800;

    letter-spacing:.04em;

}
.role-quick-links a{display:grid;gap:5px;border-left:4px solid var(--erp-primary)}.role-quick-links a span{color:var(--erp-text-light);font-size:13px}.employee-leave-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.employee-leave-form label{display:grid;gap:6px;font-weight:600}.employee-leave-form input,.employee-leave-form select,.employee-leave-form textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--erp-border);border-radius:8px;background:#fff}.employee-leave-wide{grid-column:span 3}.employee-leave-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--erp-border)}@media(max-width:700px){.employee-leave-form{grid-template-columns:1fr}.employee-leave-wide{grid-column:auto}.employee-leave-row{grid-template-columns:1fr}}