.wu { --wu-bg:#0e1b2e;--wu-card:#16273e;--wu-ink:#f1f5fc;--wu-muted:#adc0d8;--wu-line:#344a67;--wu-blue:#63b5ff; color:var(--wu-ink);background:var(--wu-bg);font:15px/1.5 system-ui,sans-serif;border:1px solid var(--wu-line);border-radius:24px;padding:0;width:min(1200px,96vw);max-width:96vw;max-height:92dvh;box-sizing:border-box; }
html[data-theme="light"] .wu,html[data-visual-theme="light"] .wu,.wu-sign-page {--wu-bg:#f4f7fc;--wu-card:#fff;--wu-ink:#182c46;--wu-muted:#506781;--wu-line:#cedced;--wu-blue:#0865cb;}
.wu::backdrop {background:#071322b8;backdrop-filter:blur(5px)}
.wu *{box-sizing:border-box}.wu header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--wu-line)}.wu h1,.wu h2,.wu h3,.wu p{margin:0}.wu h1{font-size:28px;letter-spacing:-.7px}.wu h2{font-size:21px}.wu small,.wu .muted{color:var(--wu-muted)}.wu main{padding:24px 28px}.wu button,.wu input,.wu textarea,.wu select{font:inherit;color:var(--wu-ink)}
.wu button{border:1px solid var(--wu-line);background:var(--wu-card);border-radius:12px;padding:10px 15px;cursor:pointer}.wu button:hover{border-color:var(--wu-blue)}.wu button:focus-visible,.wu input:focus-visible,.wu textarea:focus-visible,.wu select:focus-visible{outline:3px solid var(--wu-blue);outline-offset:3px}.wu button:disabled{opacity:.55;cursor:wait}.wu .primary{background:#096bd6;color:#fff;border-color:#096bd6;font-weight:700}.wu .danger{color:#e46679}.wu .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}.wu .tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0}.wu .tabs button{text-align:left;min-height:82px}.wu .tabs b{display:block;font-size:26px}.wu .tabs .active{border-color:var(--wu-blue);background:color-mix(in srgb,var(--wu-blue) 12%,var(--wu-card))}.wu .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.wu input,.wu select,.wu textarea{background:var(--wu-card);border:1px solid var(--wu-line);border-radius:10px;padding:11px;width:100%;min-width:0}.wu .filters>*{width:auto;flex:1;min-width:130px}.wu textarea{resize:vertical;min-height:110px}.wu .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wu .case{padding:20px;border:1px solid var(--wu-line);border-radius:16px;background:var(--wu-card)}.wu .case h3{margin:12px 0 2px;font-size:20px}.wu .badge{display:inline-block;font-size:12px;letter-spacing:.3px;padding:5px 9px;border-radius:8px;background:color-mix(in srgb,var(--wu-blue) 15%,var(--wu-card));color:var(--wu-blue);font-weight:700}.wu .case p{margin-top:10px}.wu .case .actions{justify-content:space-between}.wu .empty{text-align:center;padding:60px 20px;border:1px dashed var(--wu-line);border-radius:16px;grid-column:1/-1}.wu .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wu label{display:block;font-weight:650}.wu label span{display:block;margin-bottom:6px}.wu .full{grid-column:1/-1}.wu .identity{padding:16px;background:var(--wu-card);border:1px solid var(--wu-line);border-radius:12px;overflow-wrap:anywhere}.wu .notice{padding:12px 16px;border-radius:10px;margin:0 0 16px;background:color-mix(in srgb,var(--wu-blue) 12%,var(--wu-card));color:var(--wu-ink)}.wu .error{border:1px solid #d45a68;color:#d45a68}.wu .document{background:#fff;color:#192536;padding:44px;max-width:820px;margin:20px auto;border:1px solid #cfdae5;border-radius:4px;font:15px/1.65 Georgia,serif;overflow-wrap:anywhere}.wu .document img{width:190px;display:block;margin:0 0 25px auto}.wu .document h2{font-size:27px;margin-bottom:18px}.wu .document h3{margin:22px 0 8px;font:700 16px system-ui}.wu .document p{white-space:pre-wrap;margin:10px 0}.wu .document dl{display:grid;grid-template-columns:150px 1fr;gap:5px 12px;margin:18px 0}.wu .document dt{font-weight:bold}.wu .document dd{margin:0}.wu .signature{border-top:1px solid #ccd8e4;padding:14px 0;margin-top:20px}.wu .signature b{display:block;font:italic 25px Georgia}.wu .document small{color:#536275;font:12px/1.5 system-ui;overflow-wrap:anywhere}.wu details{margin-top:18px;border-top:1px solid var(--wu-line);padding-top:16px}.wu .audit{padding:12px 0;border-bottom:1px solid var(--wu-line)}.wu .consent{display:flex;align-items:flex-start;gap:10px;font-weight:400}.wu .consent input{width:20px;height:20px;flex-shrink:0}.wu .sign-form{max-width:820px;margin:auto}.wu-sign-page{margin:24px auto;max-height:none}.wu a{color:var(--wu-blue)}
@media(max-width:767px){.wu{width:100%;max-width:100%;max-height:100dvh;border-radius:18px 18px 0 0}.wu header,.wu main{padding:18px}.wu h1{font-size:24px}.wu .tabs{grid-template-columns:repeat(2,1fr)}.wu .list,.wu .form-grid{grid-template-columns:1fr}.wu .document{padding:22px 18px}.wu .document dl{grid-template-columns:1fr}.wu .document dt{margin-top:6px}.wu main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.wu-sign-page{margin:0;border:0;border-radius:0}}
@media print{body>*:not(.wu){display:none!important}.wu{display:block!important;position:static!important;max-height:none!important;width:100%!important;max-width:none!important;border:0!important;background:white!important}.wu header,.wu main>*:not(.document),.wu .noprint{display:none!important}.wu main{padding:0}.wu .document{border:0;margin:0;max-width:none;padding:12mm;box-shadow:none}.wu .signature{break-inside:avoid}.wu::backdrop{display:none}}
/* Isolate controls from the legacy page's global theme and button overrides. */
html body .wu button,
html body .wu input,
html body .wu select,
html body .wu textarea {
  color: var(--wu-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  background: var(--wu-card) !important;
  border: 1px solid var(--wu-line) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html body .wu button * { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html body .wu button.primary { background: #096bd6 !important; color: #fff !important; border-color: #096bd6 !important; }
html body .wu button.danger { color: #e46679 !important; }
html body .wu .tabs button.active { border-color: var(--wu-blue) !important; background: color-mix(in srgb,var(--wu-blue) 15%,var(--wu-card)) !important; }
html body .wu input::placeholder, html body .wu textarea::placeholder { color: var(--wu-muted) !important; opacity: 1; }
html body .wu .document { background: #fff !important; color: #192536 !important; }
html body .wu .document :is(h2,h3,p,dt,dd,strong,b,small) { color: inherit !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
.wu { color-scheme: dark; }
html[data-theme="light"] .wu,html[data-visual-theme="light"] .wu,.wu-sign-page { color-scheme: light; }
html[data-theme="light"] body .wu button.danger,
html body .wu.wu-sign-page button.danger { color: #a52232 !important; }
html[data-theme="light"] body .wu .error,
html body .wu.wu-sign-page .error { color: #a52232 !important; border-color: #a52232; }
html[data-theme="light"] body[data-theme="light"] .wu button.primary,
html[data-theme="light"] body[data-theme="light"] .wu button.primary :is(span,strong,b,svg) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.wu .signature-pad{margin:20px 0}.wu .signature-pad canvas{display:block;width:100%;max-width:600px;height:180px;background:#fff;border:1px solid var(--wu-line);border-radius:12px;touch-action:none;cursor:crosshair;margin:10px 0}.wu .signature-pad p{margin:8px 0}

.wu .wu-categories{grid-column:1/-1;border:1px solid var(--wu-border,#cbd5e1);border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.wu .wu-categories legend{padding:0 6px}.wu .wu-categories input{width:auto;flex:none}

/* Corrective Actions occupies the dashboard content area, outside the modal layer. */
html body .wu.wu-workspace{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;min-width:0;overflow:visible;box-shadow:none;grid-column:1/-1}
html body #dashboardSection .wu-workspace-active > :not(.wu-workspace):not(.desktop-reference-actions):not(.tablet-ref-topbar):not(.phone-ref-topbar){display:none!important}
html body #dashboardSection .desktop-reference-main.wu-workspace-active > .wu-workspace{margin-top:76px!important}
html body .wu-workspace main{overflow:visible}
@media print{body:has(.wu-workspace)>*{display:block!important}body:has(.wu-workspace) *{visibility:hidden}body:has(.wu-workspace) .wu-workspace,body:has(.wu-workspace) .wu-workspace *{visibility:visible}body:has(.wu-workspace) .wu-workspace{position:absolute!important;top:0!important;left:0!important;margin:0!important}}

/* HR has dashboard cards outside the active desktop/tablet content host. */
html body #dashboardSection.wu-dashboard-active:not(.hide)[data-dashboard-view] [data-karen-home-dashboard],
html body #dashboardSection.wu-dashboard-active:not(.hide)[data-dashboard-view] [data-hr-home-dashboard]{display:none!important}
@media (min-width:1025px){
  html body #dashboardSection .desktop-reference-main.wu-workspace-active > .wu-workspace{max-height:calc(100dvh - 140px)!important;overflow:auto!important;overscroll-behavior:contain}
}
@media print{html body #dashboardSection .desktop-reference-main.wu-workspace-active > .wu-workspace{max-height:none!important;overflow:visible!important}}

.wu-download{position:relative;display:inline-block}.wu-download>summary{cursor:pointer;list-style:none;padding:12px 18px;border:1px solid #adc4dd;border-radius:12px;font-weight:600}.wu-download>div{position:absolute;right:0;top:100%;z-index:20;min-width:240px;padding:10px;display:grid;gap:8px;background:#fff;color:#182c46;border:1px solid #adc4dd;border-radius:12px;box-shadow:0 10px 30px #0002}.wu-download small{padding:4px}.wu-download>summary::-webkit-details-marker{display:none}@media(max-width:600px){.wu-download>div{left:0;right:auto;min-width:220px}}

.wu .wu-header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wu .wu-audience{display:flex;padding:4px;border:1px solid var(--wu-line);border-radius:14px;background:var(--wu-card);gap:4px}.wu .wu-audience button{background:transparent;border-color:transparent;padding:8px 14px;font-weight:650}html body .wu .wu-audience button[aria-pressed="true"]{background:#096bd6!important;color:#fff!important;border-color:#096bd6!important}
@media(max-width:767px){.wu header{flex-wrap:wrap}.wu .wu-header-actions{width:100%;justify-content:space-between;gap:8px}.wu .wu-audience button{padding:8px 10px}}