/* TimeKeeper HR v17: desktop correction requests */
.corrWorkspace{display:grid;gap:17px}
.corrWorkspace .card{border-color:#e2e9f4;box-shadow:0 8px 24px rgba(23,46,90,.035)}
.corrIntro{padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(110deg,#fff 65%,#f7faff);border-radius:20px}
.corrEyebrow{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#4e80c4}
.corrIntro h2{font-size:24px;letter-spacing:-.5px;margin:9px 0;color:#132f56}
.corrIntro p{max-width:580px;color:#72839b;font-size:13px;line-height:1.65}
.corrIntroInfo{display:flex;align-items:center;gap:13px;max-width:310px;flex-shrink:0}
.corrIntroInfo .corrIntroSymbol{width:46px;height:46px;border-radius:15px;background:#e4f5ee;color:#128466;display:grid;place-items:center;font-size:22px;font-weight:800}
.corrIntroInfo b{font-size:13px;display:block;color:#203e64}
.corrIntroInfo div span{display:block;font-size:11px;color:#8b9ab2;margin-top:4px;line-height:1.5}
.corrMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.corrMetric{background:#fff;border:1px solid #e1e8f3;border-radius:17px;min-width:0;text-align:left;padding:18px 20px;display:grid;gap:5px;color:#6f82a0;transition:border-color .16s,box-shadow .16s,transform .16s}
.corrMetric:hover{border-color:#accaf5;transform:translateY(-1px)}
.corrMetric.selected{border-color:#3c82ee;box-shadow:0 0 0 2px #347df01e;background:#fbfdff}
.corrMetric>span{font-size:12px;font-weight:750}
.corrMetric strong{font-size:29px;color:#183d72;line-height:1.2;font-weight:850;font-variant-numeric:tabular-nums}
.corrMetric small{font-size:11px;color:#9aa6bb}
.corrFilters{padding:18px 22px;border-radius:18px}
.corrFilterGrid{display:grid;grid-template-columns:minmax(230px,2fr) minmax(150px,1fr) minmax(160px,1fr);gap:14px;align-items:end}
.corrFilterGrid label{font-size:11px;gap:8px;font-weight:700;color:#7184a2}
.corrFilterGrid select{font-size:13px;min-height:46px}
.corrSearchInput{border:1px solid #d6dfeb;border-radius:12px;background:#fff;display:flex;align-items:center;gap:11px;height:46px;padding:0 13px}
.corrSearchInput:focus-within{border-color:#4d88ee;box-shadow:0 0 0 3px rgba(64,125,235,.1)}
.corrSearchInput span{font-size:18px;color:#5b8edb}
.corrSearchInput input{border:0;box-shadow:none!important;background:none;min-height:initial;height:43px;padding:0;min-width:0;outline:0;font-weight:450;font-size:13px}
.corrFilterFooter{border-top:1px solid #eff2f8;margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8090aa;font-size:11px}
.corrLink{background:none;border:0;color:#3476d8;font-size:12px;font-weight:700;padding:5px 0}
.corrListHeading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;gap:10px}
.corrListHeading h3{font-size:17px;color:#193759;font-weight:800}
.corrListHeading>span{color:#95a2b5;font-size:12px}
.corrList{display:grid;gap:12px}
.corrRequest{border-radius:18px;padding:20px 23px}
.corrRequestMain{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.corrIdentity{display:flex;align-items:center;gap:13px;min-width:0}
.corrAvatar{display:grid;place-items:center;flex:none;border-radius:13px;width:45px;height:45px;background:#edf3fd;color:#3774d6;font-size:15px;font-weight:800;letter-spacing:.4px}
.corrPerson{min-width:0}
.corrPerson h3{font-weight:800;color:#142f54;font-size:15px;overflow-wrap:anywhere}
.corrPerson p{font-weight:450;color:#8796ad;font-size:11px;margin-top:6px;line-height:1.35}
.corrStatusBlock{display:flex;align-items:flex-end;flex-direction:column;gap:8px;flex:none}
.corrStatus{display:inline-flex;align-items:center;border-radius:999px;font-size:11px;font-weight:750;padding:7px 11px;white-space:nowrap}
.corrStatus-PENDING{background:#fff3d8;color:#a86b00}
.corrStatus-APPROVED{background:#e5f7ed;color:#158755}
.corrStatus-REJECTED{background:#ffe9e9;color:#bd4646}
.corrRequestDate{color:#93a2b6;font-size:11px;white-space:nowrap}
.corrRequestBody{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1fr);gap:24px;align-items:center;margin:17px 0}
.corrTimePanel{display:flex;gap:15px;align-items:center;background:#f5f8fc;border:1px solid #edf0f6;padding:13px 16px;border-radius:13px;min-width:0}
.corrTimePanel>div:not(.corrTimeDivider){display:grid;gap:5px;min-width:0}
.corrTimePanel span{font-size:10px;color:#97a3b7;white-space:nowrap}
.corrTimePanel strong{font-size:18px;color:#173861;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.corrTimeDivider{font-size:19px;color:#aab7c9}
.corrTimeTotal{border-left:1px solid #dbe4ef;padding-left:16px;margin-left:auto}
.corrRequestReason{min-width:0}
.corrRequestType{margin-bottom:7px}
.corrTypeTag{background:#edf3fc;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:750;color:#517eaf;display:inline-flex}
.corrTypeTag.overtime{background:#e2f5f0;color:#118e6b}
.corrRequestReason p{font-size:13px;color:#4e6583;line-height:1.55;overflow-wrap:anywhere}
.corrDecisionNote{font-size:12px;line-height:1.5;padding:12px 14px;border-left:3px solid #abc5eb;background:#f7faff;border-radius:8px;color:#526d94;margin:12px 0}
.corrRequestFooter{border-top:1px solid #eef2f8;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.corrSubtle{color:#98a6b8;font-size:11px}
.corrActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.corrActions .btn{border-radius:10px;min-height:35px;padding:7px 13px}
.corrEmpty{padding:42px 16px;text-align:center;display:grid;justify-items:center;gap:10px}
.corrEmptyIcon{font-size:28px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;width:54px;height:54px;color:#3878dc;margin-bottom:6px}
.corrEmpty h3{font-size:17px;color:#204267}
.corrEmpty p{color:#8195af;font-size:12px}
.dialog.corrDecisionDialog{width:min(680px,95vw);max-height:min(90dvh,850px);overflow-y:auto;padding:27px}
.corrDecisionDialog>header h2{font-size:20px;font-weight:850}
.corrDecisionInner{display:grid;gap:18px}
.corrModalProfile{display:flex;align-items:center;gap:13px;padding:14px;background:#f7faff;border-radius:13px}
.corrModalProfile b{display:block;font-size:15px;color:#15345d}
.corrModalProfile span{display:block;font-size:12px;color:#8494ae;margin-top:6px}
.corrModalCells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.corrModalCells>div{display:grid;gap:5px;border:1px solid #e4eaf3;padding:12px;border-radius:12px}
.corrModalCells span,.corrModalReason>span,.corrModalNote>span{color:#8495af;font-size:10px;font-weight:750}
.corrModalCells b{font-size:16px;color:#1d426d;white-space:nowrap;font-variant-numeric:tabular-nums}
.corrModalReason,.corrModalNote{border:1px solid #e7edf6;border-radius:13px;padding:14px 16px;background:#fff}
.corrModalNote{background:#f7faff}
.corrModalReason p,.corrModalNote p{font-size:13px;margin-top:7px;line-height:1.6;color:#3e597a;overflow-wrap:anywhere}
.corrDecisionForm{display:grid;gap:14px}
.corrDecisionForm label{font-size:12px;color:#5b7292}
.corrDecisionForm textarea{resize:vertical;min-height:88px;font-size:13px}
.corrDecisionHelp{background:#f3f8ff;color:#5c789d;font-size:12px;line-height:1.5;border-radius:10px;padding:12px}
.corrRequired{color:#dc4d4d}
.corrOptional{color:#9aa6b9;font-weight:450}
.corrDecisionActions{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.corrDecisionActions .btn{min-height:42px;border-radius:10px}
.corrModalFinal{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#8394ab;font-size:12px}
@media(max-width:1140px){.corrRequestBody{grid-template-columns:1fr}.corrIntro{align-items:flex-start}.corrIntroInfo{max-width:230px}.corrTimePanel{max-width:530px}}
@media(max-width:780px){.corrMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.corrFilterGrid{grid-template-columns:1fr}.corrIntro{display:grid}.corrIntroInfo{max-width:none}.corrModalCells{grid-template-columns:repeat(2,1fr)}.corrRequest{padding:18px}.corrRequestMain{flex-wrap:wrap}}
@media(max-width:520px){.corrTimePanel{flex-wrap:wrap}.corrTimeTotal{margin-left:0}.corrRequestFooter{align-items:flex-start}.corrRequestBody{gap:14px}.corrIntro{padding:20px}.corrStatusBlock{flex-direction:row;align-items:center}.dialog.corrDecisionDialog{padding:20px}.corrMetric{padding:14px}}
@media(prefers-reduced-motion:reduce){.corrMetric{transition:none}}