/* Approved leave rows: independent of notification flex styles. */
.cdp-ui .cdp-approved-leave-list{display:grid;gap:12px;margin-top:18px}
.cdp-ui .cdp-approved-leave-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr) auto;gap:20px;align-items:center;padding:18px 20px;border:1px solid #E6E0F2;border-radius:12px;background:#fff}
.cdp-ui .cdp-approved-leave-person,.cdp-ui .cdp-approved-leave-dates{min-width:0;display:grid;gap:4px}
.cdp-ui .cdp-approved-leave-person strong{font-size:15px;font-weight:500;color:#48397C;overflow-wrap:anywhere}
.cdp-ui .cdp-approved-leave-person>span,.cdp-ui .cdp-approved-leave-dates small{font-size:12px;color:#776D95}
.cdp-ui .cdp-approved-leave-dates>span{font-size:14px;color:#48397C}
.cdp-ui .cdp-approved-leave-status{justify-self:end;flex:none;width:auto;padding:6px 12px;border-radius:8px;font-size:12px;line-height:1.5;font-weight:500;white-space:nowrap;background:#EFE9FB;color:#6648CD}
.cdp-ui .cdp-approved-leave-status.is-upcoming{background:#FFF5DF;color:#846018}
.cdp-ui .cdp-approved-leave-status.is-ended{background:#F1F0F5;color:#716B80}
@media(max-width:900px){.cdp-ui .cdp-approved-leave-item{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.cdp-ui .cdp-approved-leave-dates{grid-column:1/-1;grid-row:2}.cdp-ui .cdp-approved-leave-status{grid-column:2;grid-row:1}}
/* Employee directory: independent layout, no inherited report grid. */
.cdp-ui .cdp-directory{border:1px solid #E6E0F2;border-radius:16px;background:#fff;overflow:hidden;margin-top:20px}
.cdp-ui .cdp-directory-heading,.cdp-ui .cdp-directory-person{display:grid;grid-template-columns:minmax(170px,1.45fr) minmax(90px,.7fr) minmax(130px,1fr) minmax(100px,.65fr) minmax(240px,1.25fr);gap:16px;align-items:center;padding:16px 20px}
.cdp-ui .cdp-directory-heading{background:#F8F6FD;color:#776D95;font-size:12px;font-weight:500}
.cdp-ui .cdp-directory-person{min-height:76px;border-top:1px solid #EEEAF5;font-size:14px;line-height:1.5}
.cdp-ui .cdp-directory-person:hover{background:#FCFBFF}
.cdp-ui .cdp-directory-person>span{min-width:0;overflow-wrap:break-word}
.cdp-ui .cdp-directory-person .cdp-employee-cell strong{display:block;font-size:15px;font-weight:500;color:#48397C}
.cdp-ui .cdp-directory-person .cdp-employee-cell small{display:block;font-size:12px;color:#776D95;margin-top:3px}
.cdp-ui .cdp-directory-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.cdp-ui .cdp-directory-actions form{display:block;width:auto;margin:0;padding:0;border:0;background:none}
.cdp-ui .cdp-directory-actions .cdp-action-link,.cdp-ui .cdp-directory-actions button{white-space:nowrap;width:auto;min-height:38px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.4}
.cdp-ui .cdp-directory-actions button{color:#A54860;background:#FFF3F6;border:1px solid #F1DBE2}
.cdp-ui .cdp-directory .cdp-id-pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;white-space:nowrap;background:#f0ebfc;color:#6848ba;font-weight:500;border-radius:7px;font-size:13px}
@media(max-width:1250px){
.cdp-ui .cdp-directory-heading{display:none}
.cdp-ui .cdp-directory-person{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px}
.cdp-ui .cdp-directory-person>span:nth-child(3){grid-column:1}
.cdp-ui .cdp-directory-actions{grid-column:1/-1;border-top:1px solid #EEEAF5;padding-top:12px}
}
@media(max-width:600px){
.cdp-ui .cdp-directory{border:0;background:transparent;overflow:visible}
.cdp-ui .cdp-directory-person{border:1px solid #E6E0F2;border-radius:14px;margin-bottom:12px;background:#fff}
.cdp-ui .cdp-directory-actions .cdp-action-link,.cdp-ui .cdp-directory-actions form{flex:1 1 auto}
.cdp-ui .cdp-directory-actions button{width:100%;min-height:44px}
}