.employee-annual-workspace {max-width:1120px;margin:0 auto;padding:28px 32px 72px;color:var(--ink-900,#282c25);font-family:var(--font-body,Arial,sans-serif)}
.employee-annual-workspace * {box-sizing:border-box}
.employee-annual-workspace .btn,.employee-annual-workspace button,.employee-annual-workspace summary,.employee-annual-workspace input,.employee-annual-workspace select {min-height:44px}
.employee-annual-workspace .btn {display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal;text-align:center;line-height:1.4;padding:10px 16px;text-decoration:none}
.employee-annual-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.employee-annual-heading h1 {font:400 40px/1.1 var(--font-display,Georgia,serif);margin:6px 0 12px}
.employee-annual-heading p {margin:0;line-height:1.6;color:var(--ink-700)}
.employee-annual-heading>.btn {flex-shrink:0}
.employee-next-step {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;border:1px solid var(--gold-300,#e0d1a7);border-radius:12px;background:var(--cream-50,#faf8f2);padding:22px;margin-bottom:18px}
.employee-next-step h2 {font:600 21px/1.4 var(--font-body,Arial,sans-serif);margin:5px 0 8px;overflow-wrap:anywhere}
.employee-next-step p {font-size:14px;line-height:1.6;margin:0;color:var(--ink-700)}
.employee-next-step>.btn {align-self:center}
.employee-personal-deadline {grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border-top:1px solid var(--ink-100,#e8e4da);padding-top:14px;font-size:14px}
.employee-personal-deadline>span {color:var(--ink-700)}
.employee-personal-deadline small {flex-basis:100%;font-size:12px;color:var(--ink-500)}
.employee-personal-deadline p {color:var(--rust-600)}
.employee-training-progress {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 0 20px;margin-bottom:16px;border-bottom:1px solid var(--ink-100,#e8e4da)}
.employee-training-progress>div {display:flex;flex-direction:column;gap:4px}
.employee-training-progress strong {font-size:24px;font-weight:600}
.employee-training-progress strong span {font-size:16px;color:var(--ink-500);font-weight:400}
.employee-training-progress>div>span {font-size:13px;color:var(--ink-700);line-height:1.5}
.employee-training-progress .employee-approved-track {grid-column:1/-1;display:block;height:7px;border-radius:8px;background:var(--ink-100,#e8e4da);overflow:hidden}
.employee-approved-track>span {display:block;height:100%;background:var(--sage-600,#63795c)}
.employee-training-progress>p {grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--ink-500);margin:0}
.employee-course-toolbar {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0 16px}
.employee-course-filter {display:flex;gap:18px;flex-wrap:wrap}
.employee-course-filter button {background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 0;color:var(--ink-700);font:inherit;font-size:14px;cursor:pointer;border-radius:0}
.employee-course-filter button[aria-pressed=true] {border-color:var(--gold-600,#a7863e);color:var(--ink-900);font-weight:600}
.employee-course-filter button span {font-size:12px;margin-left:4px;color:var(--ink-500)}
.employee-annual-course {padding:18px 20px;border:1px solid var(--ink-100,#e8e4da);border-radius:12px;background:var(--paper,#fff);margin-bottom:12px;scroll-margin-top:20px}
.employee-annual-course-top {display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.employee-annual-course h3 {font:600 16px/1.5 var(--font-body,Arial,sans-serif);margin:0;overflow-wrap:anywhere}
.employee-course-hours {display:block;font-size:13px;color:var(--ink-500);margin-top:3px}
.employee-status {display:inline-flex;align-items:center;align-self:flex-start;font-size:12px;font-weight:500;line-height:1.5;padding:4px 8px;border-radius:6px;white-space:normal;flex-shrink:0;color:var(--ink-700);background:var(--cream-50,#faf8f2)}
.employee-status-approved {color:var(--sage-600,#546b4f);background:var(--sage-100,#e9eee6)}
.employee-status-pending {color:var(--gold-900,#6f551e);background:var(--gold-100,#f5edd5)}
.employee-status-correction,.employee-status-needs_review {color:var(--rust-600,#a44f35);background:var(--rust-100,#f5e5dc)}
.employee-course-actions,.employee-proof-actions {display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.employee-course-note {font-size:13px;line-height:1.6;color:var(--ink-700);margin:10px 0 0}
.employee-course-work {border-top:1px solid var(--ink-100,#e8e4da);margin-top:16px;padding-top:18px}
.employee-course-work input,.employee-course-work textarea {max-width:100%}
.employee-correction-note {padding:12px 14px;background:var(--rust-100,#f5e5dc);color:var(--rust-600,#a44f35);border-radius:8px;font-size:14px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
.employee-correction-note p {margin:4px 0 0;white-space:pre-wrap}
.employee-course-help {border-top:1px solid var(--ink-100,#e8e4da);margin-top:14px;padding-top:5px;font-size:13px;line-height:1.65;color:var(--ink-700)}
.employee-course-help summary {display:flex;align-items:center;cursor:pointer;color:var(--gold-900,#6f551e)}
.employee-course-help a,.employee-secondary-section a {color:var(--gold-900,#6f551e);text-decoration:underline;text-underline-offset:3px}
.employee-transcript-courses {list-style:none;padding:0;margin:14px 0}
.employee-transcript-courses li {display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--ink-100,#e8e4da);font-size:13px;line-height:1.5}
.employee-transcript-courses li>div {flex:1;min-width:0}
.employee-transcript-courses strong {font-weight:500;display:block}
.employee-transcript-courses li>div>span {color:var(--ink-500);font-size:12px}
.employee-transcript-courses a {display:inline-flex;align-items:center;min-height:44px;color:var(--gold-900);flex-shrink:0}
.employee-waiting-group {padding:8px 16px;border:1px solid var(--ink-100,#e8e4da);border-radius:10px;background:var(--cream-50,#faf8f2);margin:12px 0;font-size:13px;line-height:1.6}
.employee-waiting-group summary,.employee-secondary-section>summary {cursor:pointer;font-size:14px;font-weight:600;line-height:1.6;padding:11px 0}
.employee-waiting-group>p {margin:4px 0 12px;color:var(--ink-700)}
.employee-waiting-group ul {list-style:none;padding:0;margin:0}
.employee-waiting-group li {display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--ink-100,#e8e4da)}
.employee-waiting-group li>span:first-child {flex:1;min-width:150px}
.employee-waiting-group li .employee-proof-actions {margin:0}
.employee-annual-message,.employee-readonly-banner {padding:14px 18px;border:1px solid var(--gold-300,#e0d1a7);background:var(--gold-50,#faf6e9);border-radius:10px;font-size:14px;line-height:1.6;margin:16px 0}
.employee-annual-message p {margin:0 0 8px}
.employee-annual-message p:last-child {margin-bottom:0}
.employee-annual-message .btn {margin:4px 8px 0 0}
.employee-secondary-section {border-top:1px solid var(--ink-100,#e8e4da);margin-top:20px;padding-top:5px;font-size:14px;line-height:1.6}
.employee-secondary-section>summary {color:var(--ink-700)}
.employee-history-record {border:1px solid var(--ink-100,#e8e4da);border-radius:10px;padding:14px 16px;margin:10px 0}
.employee-history-record>div:first-child {display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.employee-history-record h3 {font:600 14px/1.5 var(--font-body,Arial,sans-serif);margin:0}
.employee-history-record p {font-size:13px;color:var(--ink-700);margin:8px 0}
.employee-annual-empty {font-size:14px;line-height:1.65;padding:18px;color:var(--ink-700);background:var(--cream-50,#faf8f2);border-radius:10px}
.employee-preview-disabled {display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;color:var(--ink-500)}
.employee-annual-preview {padding:20px}
.employee-annual-preview button:disabled {opacity:.65;cursor:default}
.employee-file-controls {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.employee-file-list {list-style:none;padding:0;margin:10px 0}
.employee-file-list li {display:flex;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--ink-100,#e8e4da);flex-wrap:wrap}
.employee-file-list li>span {flex:1;min-width:130px;overflow-wrap:anywhere;font-size:13px}
.employee-file-list .btn {font-size:12px;min-width:44px;padding:8px 10px}
.employee-file-error {font-size:13px;line-height:1.6;color:var(--rust-600);margin:10px 0}
.employee-evidence-preview-layer {position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#0009;padding:12px;touch-action:auto}
.employee-evidence-preview {display:flex;flex-direction:column;min-height:0;height:calc(100dvh - 24px);max-height:960px;width:min(1080px,100%);background:var(--paper,#fff);border-radius:12px;overflow:hidden}
.employee-evidence-preview>header {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--ink-100)}
.employee-evidence-preview>header strong {flex:1;min-width:160px;font-size:14px;overflow-wrap:anywhere}
.employee-evidence-preview-body {display:flex;min-width:0;min-height:0;flex:1;overflow:auto}
.employee-evidence-preview>footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex-shrink:0;padding:8px 16px;font-size:12px;border-top:1px solid var(--ink-100);color:var(--ink-500)}
.employee-evidence-preview :is(button,a) {min-height:44px}
.employee-evidence-preview :is(button,a):focus-visible,.employee-annual-workspace :is(button,a,summary):focus-visible {outline:2px solid var(--gold-900);outline-offset:3px}
@media(max-width:760px) {.employee-annual-workspace {padding:24px 20px 64px}.employee-training-progress {grid-template-columns:repeat(2,minmax(0,1fr))}.employee-next-step {grid-template-columns:minmax(0,1fr)}.employee-next-step>.btn {justify-self:start}.employee-annual-heading h1 {font-size:34px}.employee-transcript-courses li {flex-wrap:wrap}.employee-transcript-courses li>div {flex-basis:calc(100% - 130px)}}
@media(max-width:480px) {.employee-annual-workspace {padding:20px 14px 52px}.employee-annual-heading {gap:10px;flex-wrap:wrap}.employee-annual-heading h1 {font-size:32px}.employee-next-step {padding:16px}.employee-annual-course {padding:16px 14px}.employee-annual-course-top {flex-wrap:wrap}.employee-status {font-size:12px}.employee-course-toolbar>.btn {width:100%}.employee-transcript-courses li>div {flex-basis:100%}.employee-evidence-preview-layer {padding:6px}.employee-evidence-preview {height:calc(100dvh - 12px);border-radius:9px}.employee-evidence-preview>header {padding:10px 12px}.employee-evidence-preview>header strong {flex-basis:100%}.employee-evidence-preview>footer {padding:6px 12px}}
@media(prefers-reduced-motion:reduce) {.employee-annual-workspace * {scroll-behavior:auto!important}}