.employee-manage-btn{border:1px solid #b9dbdc;border-radius:10px;background:#edf8f7;color:#086b70;padding:9px 20px;font:inherit;font-weight:600;cursor:pointer;min-height:40px}
dialog.employee-workspace{width:min(960px,calc(100vw - 32px))!important;max-width:960px!important;max-height:90dvh;border-radius:22px;color:#173b43}
dialog.employee-workspace .employee-documents-box{width:100%;max-width:none}
.employee-workspace-nav{display:flex;flex-wrap:wrap;gap:6px;padding:14px 24px;background:#f5f9f9;border-bottom:1px solid #dce8e9;position:sticky;top:0;z-index:2}
.employee-workspace-nav button{border:0;border-radius:10px;padding:11px 16px;font:inherit;color:#526c74;background:transparent;cursor:pointer;min-height:44px}
.employee-workspace-nav button[aria-current=page]{background:#04878a;color:white;font-weight:600}.employee-workspace-nav button:disabled{opacity:.6;cursor:wait}.employee-workspace-nav button:focus-visible,.employee-manage-btn:focus-visible{outline:3px solid #04878a;outline-offset:3px}
.employee-workspace-note{margin:0;padding:12px 24px;font-size:12px;color:#526c74}
.employee-edit-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:0 0 22px;border-bottom:1px solid #e2ebec;min-width:0}.employee-edit-section h4{grid-column:1/-1;margin:6px 0;font-size:16px;color:#173b43}.employee-edit-section .field{min-width:0}
.employee-exit-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:#fff8f6;border:1px solid #efd9d2;border-radius:14px}.employee-exit-section h4,.employee-exit-section p{grid-column:1/-1;margin:0}.employee-exit-section h4{color:#92442e}.employee-exit-section p{font-size:13px;line-height:1.6;color:#73584e}
@media(max-width:600px){dialog.employee-workspace{width:calc(100vw - 16px)!important;max-height:95dvh;border-radius:16px}.employee-workspace-nav{padding:12px;gap:4px}.employee-workspace-nav button{padding:9px 10px;font-size:13px;flex:1 1 42%}.employee-workspace-note{padding:10px 14px}.employee-edit-section,.employee-exit-section{grid-template-columns:minmax(0,1fr)}}
/* These values remain in the basic payload unchanged; editing belongs to Work. */
dialog.employee-workspace#modal .field:has(#field-department_id),dialog.employee-workspace#modal .field:has(#field-position_id),dialog.employee-workspace#modal .field:has(#field-probation_end_date){display:none}
/* P10.95 — keep every section inside the employee workspace gutter. */
dialog.employee-workspace,dialog.employee-workspace *{box-sizing:border-box}
dialog.employee-workspace>form,dialog.employee-workspace>.employee-documents-box{width:100%;min-width:0;padding:22px!important;overflow-x:hidden}
dialog.employee-workspace .modal-head{margin:0 0 14px;min-width:0}
dialog.employee-workspace .employee-workspace-nav{margin:0 -22px;padding:12px 22px;max-width:calc(100% + 44px)}
dialog.employee-workspace .employee-workspace-note{padding:12px 0 18px;margin:0;overflow-wrap:anywhere}
dialog.employee-workspace .leave-profile-head{display:grid;grid-template-columns:minmax(150px,.3fr) minmax(0,1fr);gap:14px;margin:0 0 16px;padding:0}
dialog.employee-workspace .leave-profile-head>.field{min-width:0}
dialog.employee-workspace .leave-profile-head>.field:last-child{grid-column:1/-1}
dialog.employee-workspace .leave-profile-head select{width:100%;min-width:0;max-width:100%}
dialog.employee-workspace .entitlement-list{width:100%;min-width:0;padding:0;max-height:45dvh;overflow-y:auto;overflow-x:hidden}
dialog.employee-workspace .entitlement-row{grid-template-columns:minmax(0,1fr) repeat(2,minmax(95px,115px)) minmax(85px,100px);gap:12px;min-width:0;align-items:center;padding:14px}
dialog.employee-workspace .entitlement-name{min-width:0;overflow-wrap:anywhere}
dialog.employee-workspace .entitlement-input{min-width:0}
dialog.employee-workspace .entitlement-input input{min-width:0;width:100%}
dialog.employee-workspace .modal-actions{max-width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:16px 0 0;margin-top:14px}
dialog.employee-workspace .employee-doc-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:12px 0 18px;min-width:0}
dialog.employee-workspace .employee-doc-upload-grid label{min-width:0;overflow-wrap:anywhere}
dialog.employee-workspace .employee-doc-upload-grid input,dialog.employee-workspace .employee-doc-upload-grid select{min-width:0;width:100%;max-width:100%}
dialog.employee-workspace .employee-doc-file-field{grid-column:1/-1}
dialog.employee-workspace .employee-documents-list{max-width:100%;overflow-x:hidden}
dialog.employee-workspace .employee-document-row{grid-template-columns:42px minmax(0,1fr) minmax(0,auto)}
dialog.employee-workspace .employee-document-actions{flex-wrap:wrap;justify-content:flex-end;min-width:0}
@media(max-width:720px){
 dialog.employee-workspace.nakna-dialog[open]{width:100vw!important;max-width:none!important;max-height:var(--nakna-visual-height,100dvh)!important}
 dialog.employee-workspace.nakna-dialog[open]>form,dialog.employee-workspace.nakna-dialog[open]>.employee-documents-box{padding:0 16px 20px!important;min-height:100%;overflow-x:hidden!important}
 dialog.employee-workspace .employee-workspace-nav{margin:0 -16px;padding:10px 16px;max-width:calc(100% + 32px);position:relative}
 dialog.employee-workspace .leave-profile-head{grid-template-columns:1fr;gap:12px}
 dialog.employee-workspace .leave-profile-head>.field:last-child{grid-column:1}
 dialog.employee-workspace .entitlement-list{max-height:none;overflow:visible}
 dialog.employee-workspace .entitlement-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 dialog.employee-workspace .entitlement-name,dialog.employee-workspace .entitlement-balance{grid-column:1/-1}
 dialog.employee-workspace .employee-doc-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 dialog.employee-workspace .employee-document-row{grid-template-columns:38px minmax(0,1fr)}
 dialog.employee-workspace .employee-document-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:420px){dialog.employee-workspace .employee-doc-upload-grid{grid-template-columns:minmax(0,1fr)}dialog.employee-workspace .employee-doc-file-field{grid-column:1}}
