.task-panel{--task-accent:#5a668e;min-width:0}.task-panel[hidden]{display:none}.hr-app .task-panel .primary{background:var(--task-accent);border-color:var(--task-accent)}.hr-app .task-panel .primary:hover{background:#495579}.task-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-heading h2,.task-heading h3{overflow-wrap:anywhere;margin:0 0 8px}.task-heading h3{font-size:16px;line-height:1.6}.task-heading p{margin:4px 0;font-size:13px}.hr-app .task-card{border-left:4px solid var(--task-accent);margin:18px 0;padding:22px}.task-status{color:#425575;background:#edf0f6;border:1px solid #b9c3d2;border-radius:7px;flex:none;max-width:220px;padding:5px 9px;font-size:12px;line-height:1.5;display:inline-block}.task-status-overdue,.task-status-acknowledgement_overdue{color:#963e30;background:#fff0ed;border-color:#dea69a}.task-status-extension_pending,.task-status-submitted{color:#795818;background:#fff5de;border-color:#ddc082}.task-status-completed{color:#2d6341;background:#e7f3eb;border-color:#9ec4ac}.task-status-cancelled{color:#5f6e76;background:#edf0f1}.task-requirements{border-top:1px solid #bfccd5;padding:10px 0;margin:16px 0!important}.task-requirements h3{margin-top:18px;font-size:14px}.task-preserve{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7}.task-unit{background:#fbfcff;border:1px solid #afbdca;border-left:3px solid #8a93b0;border-radius:10px;margin:16px 0;padding:18px;scroll-margin-top:20px;box-shadow:0 2px 7px #29405c0b}.task-countdown{background:#e9edf6;border:1px solid #c1cbdf;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin:14px 0;padding:11px 13px;display:flex}.task-countdown strong{color:#465780;font-size:17px}.task-countdown span{color:#526176;font-size:13px}.task-countdown.is-overdue{background:#fff1ed;border-color:#dfb0a5}.task-countdown.is-overdue strong{color:#a04e3b}.task-pending,.task-group-preview{background:#edf1f8;border:1px solid #bcc8d7;border-radius:8px;margin:16px 0;padding:14px 16px}.task-pending p,.task-group-preview p{font-size:14px}.task-group-preview small{color:#56687c;margin-top:6px;line-height:1.65;display:block}.task-action-form{border-top:2px solid #b6bfd4;margin-top:18px;padding-top:20px}.task-action-form h3{font-size:17px}.task-field{margin:14px 0}.task-panel textarea{min-height:90px}.task-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.task-datetime{border:1px solid #bbc8d3;border-radius:8px;min-width:0;margin:0;padding:12px}.task-datetime legend{padding:0 5px;font-size:14px;font-weight:600}.task-clock{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.task-clock label{margin:0!important}.hr-app .task-datetime .date-selects{grid-template-columns:1fr 1.5fr 1fr;gap:5px}.hr-app .task-datetime .date-selects label{font-size:12px}.hr-app .task-datetime .date-selects select{min-width:0;padding:8px 5px;font-size:13px}.task-datetime .date-selected{margin:9px 0!important;font-size:12px!important}.task-clock select{font-size:14px}.task-panel .task-none{min-height:32px;margin-top:-5px;padding:6px 10px;font-size:12px}.task-people-picker{background:#f6f8fb;border:1px solid #b5c2cf;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;margin:14px 0;padding:10px;display:grid;overflow-y:auto}.hr-app .task-people-picker label{cursor:pointer;background:#fff;border:1px solid #c0cad6;border-radius:6px;align-items:flex-start;gap:10px;margin:0;padding:10px;font-size:14px;display:flex}.task-people-picker input,.task-check input{width:18px;height:18px;min-height:18px;accent-color:var(--task-accent);flex:none;margin-top:3px}.task-people-picker small{color:#5c6d7b;margin-top:4px;font-size:12px;line-height:1.6;display:block}.task-assign{margin:20px 0;border-top:4px solid var(--task-accent)!important}.task-assign>h2{font-size:20px}.task-panel .task-tabs button[aria-pressed=true]{color:#43547f;background:#e6eaf5;border-color:#a0acc5}.task-filters>label:first-child{flex:2}.task-timeline{border-top:1px solid #bac7d2;padding-top:8px;margin:16px 0 0!important}.task-timeline ol{margin:16px 0;padding:0;list-style:none}.task-timeline li{background:#fff;border:1px solid #c0cbd7;border-left:3px solid #8a94b4;border-radius:8px;margin-bottom:12px;padding:14px 16px}.task-timeline li>strong{font-size:14px}.task-event-field{border-top:1px solid #e0e5eb;padding:8px 0}.task-event-field>span{color:#52687b;margin-bottom:5px;font-size:12px;display:block}.task-event-field p{font-size:14px}.task-timeline .translatable-field{width:100%!important}.task-extension-record{background:#fff;border:1px solid #bdc9d3;border-radius:8px;margin:12px 0;padding:14px;font-size:14px}.task-cancel{border-top:1px solid #c2ccd6;padding-top:8px;margin-top:18px!important}.hr-app .task-check{align-items:center;gap:8px;font-size:14px;display:flex}.task-deduction-editor{background:#f2f5f9;border:1px solid #b6c2ce;border-radius:8px;margin:16px 0;padding:14px}.hr-app .task-amount{border-bottom:1px solid #c3cdd8;grid-template-columns:minmax(0,1fr) minmax(120px,200px);align-items:center;gap:12px;padding-bottom:12px;display:grid}.task-amount small{color:#5b6d7d;margin-top:5px;font-size:12px;display:block}.task-totals{color:#3b547d;flex-wrap:wrap;gap:18px;display:flex}.task-ledger{background:#f8faff;border:1px solid #adbdcd;border-top:3px solid #8793af;border-radius:10px;margin:26px 0;padding:20px}.task-ledger h2{margin:0 0 8px;font-size:18px}.task-ledger-rows{gap:10px;display:grid}.task-ledger-rows article{background:#fff;border:1px solid #b5c3d3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px;font-size:14px;display:grid}.task-ledger-rows article>div>p{margin:5px 0;font-size:13px}.task-ledger-rows article>.translatable-field,.task-ledger-rows article>small{grid-column:1/-1}.task-ledger-rows article>small{color:#647789;overflow-wrap:anywhere;font-size:12px}.task-ledger-amount{color:#765343;font-size:17px}.task-ledger.is-compact{margin-bottom:0;padding:14px}.task-alert{text-align:left;color:#864330;background:#fff0e9;border:1px solid #d8a798;border-left:4px solid #ba745c;border-radius:9px;justify-content:space-between;gap:10px;width:100%;margin:20px 0;padding:14px 16px;font-size:14px;display:flex}.task-alert span{font-size:13px}.task-modal-backdrop{z-index:80;background:#20384977;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.task-modal{background:#fbfcff;border:1px solid #9eaec0;border-top:4px solid #bd725b;border-radius:12px;width:580px;max-width:100%;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 16px 60px #1426364a}.task-modal h2{font-size:20px}.task-reminder-list{gap:10px;margin:20px 0;display:grid}.hr-app .task-reminder-list>button{text-align:left;white-space:normal;flex-direction:column;gap:6px;padding:14px;display:flex}.task-reminder-list span{font-size:13px}.hr-app .hr-module.hr-information{--module:#606b92}.task-directory-heading{font-size:20px;margin:28px 0 14px!important}.hr-app .task-management-badge{color:#465879;background:#e8ecf6;border:1px solid #b2bcd3;border-radius:5px;margin:0 0 8px;padding:3px 7px;font-size:11px;display:inline-block}:is(.task-panel button:focus-visible,.task-modal button:focus-visible){outline-offset:3px;outline:3px solid #879dc4}@media (max-width:1000px){.task-plan-grid{grid-template-columns:1fr}.task-heading{flex-wrap:wrap}}@media (max-width:760px){.hr-app .task-card{padding:16px}.task-unit{padding:14px}.task-heading{display:block}.task-status{max-width:100%;margin-top:5px}.task-heading h2{font-size:19px}.task-countdown{display:block}.task-countdown span{margin-top:7px;display:block}.task-people-picker{grid-template-columns:1fr}.task-assign{padding:16px!important}.task-plan-grid{gap:10px}.task-datetime{padding:9px}.task-clock label{font-size:13px}.task-datetime .date-selects select{padding:9px 3px!important}.task-panel .hr-actions{gap:8px}.task-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:6px!important}.task-tabs button{white-space:normal;padding:10px 7px!important;font-size:12px!important}.task-alert{display:block}.task-alert span{margin-top:7px;display:block}.task-modal-backdrop{padding:12px}.task-modal{padding:18px}.task-modal h2{font-size:19px}.task-panel .task-filters{padding:12px}.task-panel .task-filters>label{min-width:110px}.task-panel .task-filters>label:first-child{flex-basis:100%}.task-amount{grid-template-columns:minmax(0,1fr) 130px!important}.task-ledger{padding:14px}.task-event-field .translatable-field{display:block!important}.task-cancel summary{font-size:13px}.task-directory-heading{font-size:18px!important}}.task-title-row{align-items:flex-start;gap:12px;display:flex}.task-title-row h2{flex:1;min-width:0}.task-title-row>.translation{flex:none}.task-countdown strong{font-variant-numeric:tabular-nums;font-size:22px}@media (max-width:760px){.task-title-row{display:block}.task-title-row>.translation{margin-bottom:10px}.task-countdown strong{font-size:20px}}.task-review-person{overflow-wrap:anywhere;background:#edf0f8;border:1px solid #b6bfd4;border-left:4px solid #606b92;border-radius:8px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.task-review-person strong{color:#394b70;font-size:18px}.task-review-person span{color:#526176;font-size:13px}.task-review-help{background:#edf0f8;border:1px solid #b6bfd4;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:14px;display:flex}.task-review-help p{flex:250px;margin:0;font-size:14px}.task-recipient-progress{margin:16px 0}.task-recipient-progress ol{counter-reset:recipient;border:1px solid #b6bfd4;border-radius:8px;padding:0;list-style:none;overflow:hidden}.task-recipient-progress li{counter-increment:recipient;border-bottom:1px solid #c5cddd;align-items:center;gap:10px;padding:10px 12px;display:flex}.task-recipient-progress li:last-child{border-bottom:0}.task-recipient-progress li:before{content:counter(recipient) ".";color:#465780;font-weight:700}.task-recipient-progress li>strong{overflow-wrap:anywhere;flex:1;min-width:0}.task-recipient-progress li>.task-status{max-width:50%;margin:0}.task-content-first{border-bottom:1px solid #bdc9d5;margin:16px 0;padding:14px 0}.task-content-first h3,.task-unit>h3{margin:0 0 12px;font-size:17px}.task-main-fact{margin:16px 0}.task-main-fact h4{margin:0 0 10px;font-size:15px}.task-main-fact>.translatable-field{margin-top:10px}.task-main-fact p{margin:6px 0}.task-timing{color:#25685a}.task-timing.is-late{color:#a04e3b}.task-secondary-details{border-top:1px solid #b7c4d4;margin-top:18px;padding-top:12px}.task-secondary-details>summary{color:#536681;cursor:pointer;font-size:14px}.task-unit .task-action-form{margin-top:16px;padding-top:16px}.hr-app .task-owner-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hr-app .task-owner-tabs>button{white-space:normal;width:100%;min-width:0;margin:0}@media (max-width:760px){.hr-app .task-owner-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.task-fact-completion,.task-fact-timing{border-top:1px solid #c2ccdc;grid-template-columns:minmax(210px,.9fr) minmax(0,1.3fr);align-items:center;gap:12px 24px;padding:16px 0;display:grid}.task-main-fact.task-fact-completion h4,.task-main-fact.task-fact-timing h4{margin:0;font-size:18px}.task-fact-completion>.task-status,.task-fact-timing>.task-timing{box-sizing:border-box;color:#344b69;text-align:center;white-space:normal;overflow-wrap:anywhere;background:#e9eef7;border:2px solid #879bb4;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:none;min-height:86px;margin:0;padding:18px 22px;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.45;display:flex;box-shadow:0 3px #233e5718}.task-fact-completion>.translatable-field,.task-fact-completion>p,.task-fact-timing>p{grid-column:1/-1}.task-fact-timing>.is-late,.task-fact-completion>.task-status-overdue,.task-fact-completion>.task-status-acknowledgement_overdue{color:#903c26;background:#fff0eb;border-color:#bd7057}.task-fact-timing>.is-on-time,.task-fact-completion>.task-status-completed{color:#1e624d;background:#e5f3ed;border-color:#548c79}.task-fact-completion>.task-status-submitted,.task-fact-completion>.task-status-extension_pending{color:#795412;background:#fff3d9;border-color:#b89247}.task-fact-completion>.task-status-in_progress,.task-fact-completion>.task-status-scheduled{color:#2a527b;background:#e7f1fc;border-color:#7195bc}@media (max-width:760px){.task-fact-completion,.task-fact-timing{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 0}.task-fact-completion>.task-status,.task-fact-timing>.task-timing{min-height:76px;padding:16px;font-size:22px}.task-main-fact.task-fact-completion h4,.task-main-fact.task-fact-timing h4{font-size:17px}}.hr-app .task-panel .task-fact-completion>.task-status{white-space:normal;border-radius:10px;max-width:none;padding:18px 22px;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.45}@media (max-width:760px){.hr-app .task-panel .task-fact-completion>.task-status{padding:16px;font-size:22px}}