.employee-documents-page{--employee-blue:#2563eb;--employee-green:#16846c;--employee-amber:#a36f13;--employee-red:#bd5a5a;--employee-gray:#7d838d;gap:16px}.employee-documents-hero{padding-bottom:12px}.employee-documents-icon{background:color-mix(in srgb,var(--employee-blue) 8%,var(--muted));color:var(--employee-blue)}.employee-document-summary{display:flex;min-width:0;align-items:center;overflow:hidden;border-bottom:1px solid var(--border);padding:0 0 12px}.employee-summary-caption{display:grid;min-width:90px;flex:0 0 auto;gap:2px;color:var(--foreground);font-size:11px;font-weight:700;line-height:1.2}.employee-summary-caption small{color:var(--muted-foreground);font-size:9px;font-weight:500}.employee-document-summary>div:not(.employee-summary-caption){display:inline-flex;min-width:145px;align-items:center;gap:8px;border-right:1px solid var(--border);padding:0 17px;color:var(--muted-foreground);font-size:10px;white-space:nowrap}.employee-document-summary>div:last-child{border-right:0}.employee-document-summary svg{width:17px;height:17px;color:var(--employee-blue)}.employee-document-summary>div:nth-child(3) svg{color:var(--employee-amber)}.employee-document-summary>div:nth-child(4) svg,.employee-document-summary>div:nth-child(5) svg{color:var(--employee-red)}.employee-document-summary strong{color:var(--foreground);font-size:17px;line-height:1;letter-spacing:-.04em}.employee-document-error,.employee-document-notice{display:flex;min-width:0;align-items:center;gap:8px;border-radius:8px;padding:9px 11px;font-size:11px}.employee-document-notice{background:color-mix(in srgb,var(--success) 9%,transparent);color:var(--success)}.employee-document-error{background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}.employee-document-error>svg,.employee-document-notice>svg{width:15px;height:15px;flex:0 0 auto}.employee-document-error span,.employee-document-notice span{min-width:0;flex:1}.employee-document-error button,.employee-document-notice button{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.employee-document-error button svg,.employee-document-notice button svg{width:14px;height:14px}.employee-document-panel{min-width:0;overflow:visible;border:1px solid var(--border);border-radius:13px;background:var(--card);box-shadow:0 1px 2px rgb(15 23 42/3%)}.employee-document-panel-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 15px}.employee-document-panel-heading h2{margin:5px 0 0;font-size:16px;letter-spacing:-.03em}.employee-document-panel-heading h2 small{margin-left:5px;color:var(--muted-foreground);font-size:10px;font-weight:450}.employee-document-panel-heading p{margin:4px 0 0;color:var(--muted-foreground);font-size:10px}.employee-document-access{display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground);font-size:10px;white-space:nowrap}.employee-document-access svg{width:14px;height:14px;color:var(--employee-green)}.employee-document-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px 170px auto;min-width:0;align-items:center;gap:8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 20%,transparent);padding:10px 20px}.employee-document-search,.employee-document-select{display:flex;min-width:0;min-height:35px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:0 10px;color:var(--muted-foreground)}.employee-document-search svg,.employee-document-select>svg{width:14px;height:14px;flex:0 0 auto}.employee-document-search input,.employee-document-select select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--foreground);padding:0;font-size:11px}.employee-document-search input:focus,.employee-document-select select:focus{border:0;box-shadow:none;outline:0}.employee-document-select{position:relative}.employee-document-select span{display:none}.employee-document-select select{appearance:none;cursor:pointer;padding-right:13px}.employee-document-select>svg{position:absolute;right:9px;pointer-events:none}.employee-document-clear{border:0;background:transparent;color:var(--employee-blue);padding:0 4px;font-size:10px;cursor:pointer;white-space:nowrap}.employee-document-table-wrap{min-width:0;overflow:hidden}.employee-document-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}.employee-document-table th{height:38px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 46%,transparent);padding:0 12px;color:var(--muted-foreground);font-size:9px;font-weight:700;text-align:left;white-space:nowrap}.employee-document-table th:first-child{width:20%}.employee-document-table th:nth-child(2){width:18%}.employee-document-table th:nth-child(3){width:13%}.employee-document-table th:nth-child(4){width:11%}.employee-document-table th:nth-child(5){width:12%}.employee-document-table th:nth-child(6){width:7%}.employee-document-table th:nth-child(7){width:14%}.employee-document-table th:nth-child(8){width:42px}.employee-document-table td{height:70px;min-width:0;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);padding:8px 12px;font-size:10px;vertical-align:middle}.employee-document-table tbody tr{cursor:default;transition:background-color .12s}.employee-document-table tbody tr:hover{background:color-mix(in srgb,var(--muted) 48%,transparent)}.employee-document-table tbody tr:last-child td{border-bottom:0}.employee-document-person,.employee-document-type{display:flex;min-width:0;align-items:center;gap:8px}.employee-document-person>div,.employee-document-type{min-width:0}.employee-document-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--employee-blue) 22%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--employee-blue) 8%,transparent);color:var(--employee-blue);font-size:10px;font-weight:750}.employee-document-date,.employee-document-date small,.employee-document-person small,.employee-document-person strong,.employee-document-type,.employee-document-type small,.employee-document-updated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-document-person strong{color:var(--foreground);font-size:11px}.employee-document-date small,.employee-document-person small,.employee-document-type small{margin-top:4px;color:var(--muted-foreground);font-size:9px}.employee-document-type{color:var(--foreground);font-weight:600}.employee-document-type svg{width:15px;height:15px;flex:0 0 auto;color:var(--employee-blue)}.employee-document-type small{font-weight:450}.employee-document-date{color:var(--muted-foreground)}.employee-document-date.is-expired,.employee-document-date.is-expired small{color:var(--employee-red)}.employee-document-version{display:inline-flex;border-radius:5px;background:color-mix(in srgb,var(--employee-blue) 9%,transparent);color:var(--employee-blue);padding:4px 6px;font-size:9px;font-weight:700}.employee-document-updated{color:var(--muted-foreground)}.employee-document-status{display:inline-flex;max-width:100%;align-items:center;gap:6px;border:1px solid color-mix(in srgb,currentColor 22%,var(--border));border-radius:5px;background:color-mix(in srgb,currentColor 7%,transparent);padding:5px 7px;color:var(--employee-gray);font-size:9px;white-space:nowrap}.employee-document-status>span{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:currentColor}.employee-document-status.is-amber{color:var(--employee-amber)}.employee-document-status.is-green{color:var(--employee-green)}.employee-document-status.is-red{color:var(--employee-red)}.employee-document-status.is-gray{color:var(--employee-gray)}.employee-document-action-cell{overflow:visible;padding-right:8px!important;padding-left:4px!important;text-align:center}.employee-document-action-wrap{position:relative;display:inline-flex}.employee-document-more{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted-foreground);cursor:pointer}.employee-document-more:hover,.employee-document-more[aria-expanded=true]{background:var(--muted);color:var(--foreground)}.employee-document-more svg{width:17px;height:17px}.employee-document-action-menu{position:absolute;z-index:20;top:calc(100% + 4px);right:0;display:grid;width:190px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:4px;box-shadow:0 12px 30px rgb(15 23 42/13%)}.employee-document-action-menu button{display:flex;width:100%;align-items:center;gap:8px;border:0;border-radius:5px;background:transparent;padding:8px;color:var(--foreground);font-size:10px;text-align:left;cursor:pointer}.employee-document-action-menu button:hover{background:var(--muted)}.employee-document-action-menu svg{width:14px;height:14px;color:var(--muted-foreground)}.employee-document-empty{height:190px!important;color:var(--muted-foreground);text-align:center!important}.employee-document-empty span,.employee-document-empty strong,.employee-document-empty svg{display:block;margin:0 auto}.employee-document-empty svg{width:24px;height:24px;margin-bottom:8px}.employee-document-empty strong{color:var(--foreground);font-size:12px}.employee-document-empty span{margin-top:4px;font-size:10px}.employee-document-table-footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 25%,transparent);padding:10px 20px;color:var(--muted-foreground);font-size:9px}.employee-document-table-footer span:last-child{display:inline-flex;align-items:center;gap:5px}.employee-document-table-footer svg{width:13px;height:13px;color:var(--employee-green)}.employee-document-dialog{max-height:min(760px,calc(100vh - 32px));max-width:680px}.employee-document-upload-dialog{max-width:600px}.employee-document-dialog-heading{display:flex;min-width:0;align-items:flex-start;gap:10px}.employee-document-dialog-heading>div{min-width:0;flex:1}.employee-document-dialog-heading [data-slot=dialog-title]{margin-top:4px;font-size:17px}.employee-document-dialog-heading [data-slot=dialog-description]{margin-top:3px;font-size:11px}.employee-document-dialog-heading>.employee-document-status{margin-top:7px}.employee-document-dialog-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--employee-blue) 10%,transparent);color:var(--employee-blue)}.employee-document-dialog-icon.is-upload{color:var(--employee-green);background:color-mix(in srgb,var(--employee-green) 10%,transparent)}.employee-document-dialog-icon svg{width:19px;height:19px}.employee-document-detail-body,.employee-document-upload-form{display:grid;gap:15px}.employee-document-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.employee-document-detail-grid>div{min-width:0;border-radius:8px;background:color-mix(in srgb,var(--muted) 35%,transparent);padding:10px}.employee-document-detail-grid small,.employee-document-detail-grid span,.employee-document-detail-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-document-detail-grid small,.employee-document-detail-grid span{color:var(--muted-foreground);font-size:9px}.employee-document-detail-grid strong{margin-top:5px;color:var(--foreground);font-size:11px}.employee-document-detail-grid strong.is-expired{color:var(--employee-red)}.employee-document-file-preview{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:10px}.employee-document-file-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--employee-blue) 9%,transparent);color:var(--employee-blue)}.employee-document-file-icon svg{width:17px;height:17px}.employee-document-file-preview>div:nth-child(2){min-width:0;flex:1}.employee-document-file-preview span,.employee-document-file-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-document-file-preview strong{font-size:11px}.employee-document-file-preview span{margin-top:3px;color:var(--muted-foreground);font-size:9px}.employee-document-file-actions{flex:0 0 auto}.employee-document-file-actions .button{display:inline-flex;align-items:center;gap:6px}.employee-document-file-actions svg{width:14px;height:14px}.employee-document-history-section{display:grid;gap:8px}.employee-document-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--foreground);font-size:11px}.employee-document-section-heading>span{display:inline-flex;align-items:center;gap:6px}.employee-document-section-heading svg{width:14px;height:14px;color:var(--employee-blue)}.employee-document-section-heading b{color:var(--muted-foreground);font-size:9px;font-weight:500}.employee-document-audit-list,.employee-document-version-list{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden}.employee-document-version-list>div{display:flex;min-width:0;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:9px}.employee-document-version-list>div:last-child{border-bottom:0}.employee-document-version-dot{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--employee-blue) 9%,transparent);color:var(--employee-blue);font-size:9px;font-weight:700}.employee-document-version-list>div>div{min-width:0;flex:1}.employee-document-version-list em,.employee-document-version-list small,.employee-document-version-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-document-version-list strong{font-size:10px}.employee-document-version-list small{margin-top:3px;color:var(--muted-foreground);font-size:9px}.employee-document-version-list em{margin-top:4px;color:var(--employee-red);font-size:9px;font-style:normal}.employee-document-version-size{color:var(--muted-foreground);font-size:9px;white-space:nowrap}.employee-document-audit-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:8px 9px}.employee-document-audit-list>div:last-child{border-bottom:0}.employee-document-audit-list span{display:inline-flex;align-items:center;gap:6px;color:var(--employee-green);font-size:9px}.employee-document-audit-list svg{width:12px;height:12px}.employee-document-audit-list small,.employee-document-muted{color:var(--muted-foreground);font-size:9px}.employee-document-muted{margin:0;border-radius:7px;background:color-mix(in srgb,var(--muted) 35%,transparent);padding:10px}.employee-document-detail-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted-foreground);font-size:9px}.employee-document-detail-meta span{display:inline-flex;align-items:center;gap:5px}.employee-document-detail-meta svg{width:12px;height:12px}.employee-document-upload-form .field{gap:6px}.employee-document-upload-form .field>span{color:var(--foreground);font-size:10px;font-weight:650}.employee-document-upload-form .field>span em{color:var(--muted-foreground);font-size:9px;font-style:normal;font-weight:450}.employee-document-upload-form input,.employee-document-upload-form select,.employee-document-upload-form textarea{border-color:var(--border);border-radius:7px;background:var(--background);font-size:11px;outline:0}.employee-document-upload-form input:focus,.employee-document-upload-form select:focus,.employee-document-upload-form textarea:focus{border-color:var(--employee-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--employee-blue) 12%,transparent)}.employee-document-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-full{grid-column:1/-1}.employee-document-dropzone{display:grid;min-height:105px;place-items:center;align-content:center;gap:5px;border:1px dashed color-mix(in srgb,var(--employee-blue) 42%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--employee-blue) 3%,transparent);color:var(--muted-foreground);cursor:pointer;text-align:center}.employee-document-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.employee-document-dropzone>svg{width:19px;height:19px;color:var(--employee-blue)}.employee-document-dropzone strong{max-width:90%;overflow:hidden;color:var(--foreground);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.employee-document-dropzone span{font-size:9px}.employee-document-version-rule{display:flex;align-items:center;gap:7px;border-radius:7px;background:color-mix(in srgb,var(--muted) 34%,transparent);padding:8px 9px;color:var(--muted-foreground);font-size:9px}.employee-document-version-rule svg{width:14px;height:14px;flex:0 0 auto;color:var(--employee-blue)}.employee-document-dialog [data-slot=dialog-footer]{margin-top:2px}.employee-document-dialog [data-slot=dialog-footer] .button{display:inline-flex;align-items:center;gap:6px}.employee-document-dialog [data-slot=dialog-footer] .button svg{width:14px;height:14px}@media (max-width:980px){.employee-document-toolbar{grid-template-columns:minmax(220px,1fr) 150px 150px auto}.employee-document-table td:nth-child(4),.employee-document-table th:nth-child(4){display:none}.employee-document-table th:first-child{width:23%}.employee-document-table th:nth-child(2){width:21%}.employee-document-table th:nth-child(3),.employee-document-table th:nth-child(5){width:15%}.employee-document-table th:nth-child(6){width:8%}.employee-document-table th:nth-child(7){width:15%}}@media (max-width:720px){.employee-document-summary{overflow-x:auto;padding-bottom:10px}.employee-document-summary>div:not(.employee-summary-caption){min-width:128px;padding:0 12px}.employee-summary-caption{min-width:72px}.employee-document-toolbar{grid-template-columns:1fr 1fr;padding:9px 14px}.employee-document-search{grid-column:1/-1}.employee-document-clear{justify-self:start}.employee-document-panel-heading{align-items:stretch;flex-direction:column;padding:15px 14px 12px}.employee-document-access{justify-content:flex-start}.employee-document-table th{display:none}.employee-document-table,.employee-document-table tbody,.employee-document-table td,.employee-document-table tr{display:block;width:100%}.employee-document-table tbody{padding:0 10px}.employee-document-table tr{position:relative;border-bottom:1px solid var(--border);padding:12px 38px 11px 4px}.employee-document-table tr:last-child{border-bottom:0}.employee-document-table td{display:flex!important;height:auto;min-height:0;align-items:baseline;gap:8px;border:0;padding:3px 0}.employee-document-table td:before{width:82px;flex:0 0 82px;color:var(--muted-foreground);content:attr(data-label);font-size:9px}.employee-document-table td:first-child{display:block!important;padding-bottom:7px}.employee-document-table td:first-child:before{display:none}.employee-document-table td:nth-child(2){padding-top:5px}.employee-document-table td:nth-child(2) .employee-document-type{flex:1}.employee-document-table td:nth-child(3) .employee-document-status{flex:0 0 auto}.employee-document-table td:nth-child(7){padding-bottom:0}.employee-document-action-cell{position:absolute;top:14px;right:2px;display:block!important;width:32px!important;padding:0!important}.employee-document-action-cell:before{display:none}.employee-document-action-menu{top:32px;right:0}.employee-document-table-footer{align-items:flex-start;flex-direction:column;padding:9px 14px}.employee-document-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-document-file-preview{align-items:flex-start;flex-wrap:wrap}.employee-document-file-actions{width:100%;margin-left:44px}.employee-document-file-actions .button{width:100%;justify-content:center}.employee-document-dialog{width:calc(100% - 20px);padding:18px 15px}.employee-document-dialog-heading>.employee-document-status{display:none}.employee-document-form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}}@media (max-width:420px){.employee-document-summary>div:not(.employee-summary-caption){min-width:117px;gap:6px;padding:0 9px}.employee-document-summary strong{font-size:15px}.employee-document-summary span{font-size:9px}.employee-document-toolbar{grid-template-columns:1fr}.employee-document-clear,.employee-document-select{width:100%}.employee-document-detail-grid{gap:6px}.employee-document-detail-grid>div{padding:8px}.employee-document-table-footer span:last-child{align-items:flex-start}.employee-document-table-footer span:last-child svg{margin-top:1px}}