/* Final usability polish: clearer hierarchy, feedback and responsive working screens. */
html{scroll-behavior:smooth}
button,select,input{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}
button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #9bd9e5;outline-offset:2px}
.primary-button:hover{background:#75c7b9;transform:translateY(-1px);box-shadow:0 5px 14px #08798b2b}
.secondary-button:hover,.export-button:hover,.text-button:hover{border-color:#75aeb5;background:#eef7f7}
.directory-panel,.module-card,.office-summary article,.metrics article{box-shadow:0 1px 0 #16323c08}
.directory-panel:hover{box-shadow:0 7px 22px #16323c0a}
.workspace-heading{gap:14px;flex-wrap:wrap}
.workspace-heading>div{min-width:0}
.employee-table tbody tr{transition:background .14s ease}
.employee-table tbody tr:hover{background:#f4fbfa}
.employee-table th{position:sticky;top:0;z-index:1}
.status-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;border-radius:999px;padding:4px 8px;font:600 10px 'DM Sans';white-space:nowrap}
.status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.status-pill--good{color:#087a67;background:#e2f4ee}
.status-pill--pending{color:#a26318;background:#fff1dc}
.status-pill--alert{color:#b74742;background:#fae7e5}
.status-pill--info{color:#08758a;background:#e4f3f5}
.live-action-alert{transition:background .14s ease,padding-left .14s ease}
.live-action-alert:hover{background:#f2faf9;padding-left:26px}
.form-note{margin:-3px 0 14px;border-left:3px solid #83d3c7;padding:8px 10px;background:#eef8f7;color:#496a71;font-size:11px;line-height:1.45}
.context-export-slot{min-height:58px;background:#fcfdfd}
.context-export-slot .export-actions select{min-width:130px;max-width:190px}
@media(max-width:900px){.directory-panel{overflow-x:auto}.employee-table{min-width:720px}.context-export-slot{justify-content:flex-start;overflow-x:auto}.context-export-slot .export-actions{flex-wrap:nowrap;min-width:max-content}}
@media(max-width:580px){.topbar{position:sticky}.top-actions{overflow-x:auto;padding-bottom:2px}.top-actions .export-actions{display:flex!important;min-width:max-content}.content{padding:20px 14px 42px}.module-view h1{font-size:30px}.module-intro{font-size:13px;margin-bottom:20px}.office-summary{gap:9px}.office-summary article{padding:14px}.workspace-heading{padding:17px 16px 13px}.context-export-slot{padding:12px 16px}}