/* Shared approval presentation: leave, HR service and task review renderers. */
.wf-approval-section.t-Region { border-color: #d6e2e4; box-shadow: none; }
.wf-approval-section.t-Region > .t-Region-header { background: #edf5f4; border-block-end: 1px solid #d6e2e4; }
.wf-approval-section.t-Region > .t-Region-bodyWrap { background: #f8fafb; }
.wf-approval-section.t-ButtonRegion { background: #edf3f6; border-color: #d6e2e4; }
.mw-absence-detail > header {
    padding: 16px;
    background: #eef6f5;
    border-block-end: 2px solid #247765;
}
.mw-absence-detail > section {
    padding: 16px;
    margin-block: 0 16px;
    border-block-start: 1px solid #d8e2e5;
    background: #f3f6f8;
}
.mw-absence-detail > section:nth-of-type(even) { background: #f0f6f2; }
.mw-absence-detail > .mw-request-facts {
    padding: 16px;
    background: #f6f8fa;
}
.mw-pending-with.mw-pending-with {
    padding: 16px;
    margin-block-end: 16px;
    background: #eef7f2;
    border-inline-start: 3px solid #218050;
}
.mw-pending-with h3, .mw-absence-detail h3 { color: #233e43; }
.mw-pending-with > ul { list-style: none; padding: 0; }
.mw-pending-with .mw-approval-due { display: block; color: #475d64; margin-block-start: 6px; font-size: 12px; }
.mw-approval-stages { list-style: none; padding: 0; margin-block: 12px; }
.mw-approval-stages .mw-stage {
    position: relative;
    padding: 12px 12px 12px 40px;
    margin-block-end: 8px;
    background: #f4f6f8;
    border-inline-start: 3px solid #adbcc3;
    overflow-wrap: anywhere;
}
.mw-approval-stages .mw-stage--current { background: #e8f5ec; border-color: #218050; }
.mw-approval-stages .mw-stage--complete { background: #eff5f7; border-color: #3b7185; }
.mw-approval-stages .mw-stage--rejected .mw-stage-status { color: #842b26; }
.mw-request-status[data-request-state="REJECTED"] {
    background: #f9d9d6;
    color: #842b26;
    border: 1px solid #a73e38;
}
.mw-approval-stages .mw-stage > .mw-stage-icon.fa {
    position: absolute !important;
    left: 12px; top: 12px; width: 20px; height: 20px; margin: 0;
    display: inline-block; line-height: 20px;
}
.mw-approval-stages .mw-stage-icon { color: #526870; }
.mw-approval-stages .mw-stage--current .mw-stage-icon { color: #167344; }
.mw-approval-stages .mw-stage-status { display: block; margin-block-start: 5px; font-size: 12px; color: #425b63; }
@media (max-width: 640px) {
    .mw-absence-detail > section, .mw-absence-detail > header, .mw-absence-detail > .mw-request-facts { padding: 12px; }
    .mw-absence-detail .mw-request-facts { grid-template-columns: minmax(0,1fr); }
}
@media (forced-colors: active) {
    .mw-stage, .mw-pending-with, .mw-absence-detail > section { border: 1px solid CanvasText; }
    .mw-stage--current { outline: 2px solid Highlight; }
}