/* Employee controls are used both inside the workspace and in body-level dialogs. */
#hr-master-directory{padding:22px;box-sizing:border-box;min-width:0}
#hr-master-directory h2{margin:0 0 8px;font-size:22px}
#hr-master-directory>p{margin:0 0 18px;line-height:1.5;color:var(--text-secondary,#526075)}
#hr-master-directory .directory-button,dialog[data-directory-dialog] .directory-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px!important;border:1px solid var(--navy-border,#dce1e8)!important;border-radius:7px;background:var(--navy-light,#fff)!important;color:var(--text-primary,#263342)!important;font-size:13px!important;font-weight:500;line-height:1.35;cursor:pointer;white-space:normal;box-shadow:none}
#hr-master-directory .directory-button:hover,dialog[data-directory-dialog] .directory-button:hover{border-color:#edb2b7!important;background:var(--navy-mid,#fff0f1)!important;color:var(--text-primary,#263342)!important}
#hr-master-directory .directory-button[aria-pressed=true],#hr-master-directory .directory-primary,dialog[data-directory-dialog] .directory-primary{background:#d71925!important;border-color:#d71925!important;color:#fff!important}
#hr-master-directory .directory-button[aria-pressed=true]:hover,#hr-master-directory .directory-primary:hover,dialog[data-directory-dialog] .directory-primary:hover{background:#b8131e!important;border-color:#b8131e!important;color:#fff!important}
#hr-master-directory .directory-button:disabled,dialog[data-directory-dialog] .directory-button:disabled{opacity:.55;cursor:not-allowed}
#hr-master-directory .directory-button:focus-visible,dialog[data-directory-dialog] .directory-button:focus-visible{outline:2px solid #287ac6!important;outline-offset:3px}
#hr-master-directory input,dialog[data-directory-dialog] input:not([type=checkbox]),dialog[data-directory-dialog] select{min-height:38px;padding:9px 12px!important;border:1px solid var(--navy-border,#dce1e8)!important;border-radius:7px!important;background:var(--navy-light,#fff)!important;color:var(--text-primary,#202832)!important;font-family:inherit;font-size:14px!important;line-height:1.4;box-sizing:border-box;max-width:100%}
#hr-master-directory td .directory-button{margin:4px 8px 4px 0}
#hr-master-directory th,#hr-master-directory td{vertical-align:middle}
dialog[data-directory-dialog]{padding:24px!important;border:1px solid var(--navy-border,#dce1e8)!important;border-radius:12px!important;background:var(--navy-light,#fff)!important;color:var(--text-primary,#202832)!important;box-shadow:0 16px 60px #0003}
dialog[data-directory-dialog]::backdrop{background:#0007}
dialog[data-directory-dialog] h2{font-family:inherit;font-size:21px;line-height:1.35;margin:0 0 10px}
dialog[data-directory-dialog] p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
dialog[data-directory-dialog] label{font-size:14px;font-weight:500;line-height:1.4}
dialog[data-directory-dialog] input[type=checkbox]{width:18px!important;height:18px;margin:6px 0;accent-color:#d71925}
dialog[data-directory-dialog] form>.directory-button{margin:8px 8px 0 0}
dialog[data-directory-dialog] [role=alert]:empty{display:none}
@media(max-width:600px){#hr-master-directory{padding:16px}dialog[data-directory-dialog]{padding:18px!important}#hr-master-directory input[type=search]{width:100%}}
.directory-form-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.directory-form-section{border:1px solid var(--navy-border,#dce1e8);border-radius:8px;margin:16px 0;padding:14px}.directory-form-section legend{padding:0 6px;font-weight:600}.directory-form-tabs .directory-button[aria-pressed=true]{background:#d71925!important;color:#fff!important;border-color:#d71925!important}

.directory-hr-entry{border:1px solid var(--navy-border,#ddd);border-radius:8px;padding:12px;margin:12px 0}.directory-hr-entry p{line-height:1.5;overflow-wrap:anywhere}dialog[data-directory-dialog] textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;padding:10px;border:1px solid var(--navy-border,#ddd);background:var(--bg-card,#fff);color:var(--text-primary,#222);border-radius:7px}

/* Full-page employee record: Odoo-style form on the left and private chatter on the right. */
#hr-master-directory:has(.directory-profile-page){padding:0;background:var(--bg-card,#fff)}
.directory-profile-page{min-width:0;color:var(--text-primary,#202832)}
.directory-profile-header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;background:var(--bg-card,#fff);border-bottom:1px solid var(--navy-border,#ddd)}
.directory-profile-header>div:first-child{display:flex;align-items:center;gap:18px;min-width:0}
#hr-master-directory .directory-profile-header h2{margin:0;font-size:23px;overflow-wrap:anywhere}
.directory-profile-actions{display:flex;gap:8px;flex-shrink:0}
.directory-profile-layout{display:grid;grid-template-columns:minmax(460px,1fr) minmax(360px,420px);align-items:start}
.directory-profile-main{min-width:0;padding:28px 30px 40px}
.directory-profile-identity{display:grid;grid-template-columns:88px minmax(200px,1fr);gap:18px;align-items:start;margin-bottom:20px}
.directory-profile-avatar{width:88px;height:88px;display:grid;place-items:center;background:var(--navy-border,#e7eaf0);border-radius:8px;font-size:30px;font-weight:700;color:var(--text-secondary,#5e6575);overflow:hidden;margin-top:12px}
.directory-profile-avatar img{width:100%;height:100%;object-fit:cover}
.directory-profile-basics>label{margin-top:0!important}.directory-profile-basics input[name=name]{font-size:23px!important;font-weight:600}
.directory-profile-status{grid-column:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary,#647082)}
.directory-profile-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-bottom:22px}
.directory-profile-contact>label{display:grid;gap:6px;margin:12px 0}
.directory-profile-form input:not([type=checkbox]),.directory-profile-form select,.directory-chatter input:not([type=checkbox]),.directory-chatter select{width:100%;min-height:38px;padding:9px 12px!important;border:1px solid var(--navy-border,#dce1e8);border-radius:6px;background:var(--bg-card,#fff);color:var(--text-primary,#202832);font:inherit;font-size:14px;box-sizing:border-box}
.directory-profile-form .directory-form-tabs{gap:0;margin:0;border-bottom:1px solid var(--navy-border,#ddd);flex-wrap:wrap}
#hr-master-directory .directory-form-tabs .directory-button{border-radius:0;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;padding:12px 15px!important}
#hr-master-directory .directory-form-tabs .directory-button[aria-pressed=true]{border-bottom-color:#d71925!important;color:var(--text-primary,#202832)!important;background:var(--navy-mid,#f8f8f8)!important}
.directory-profile-form .directory-form-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;border:0;padding:20px 0;margin:0;min-width:0}
.directory-profile-form .directory-form-section[hidden]{display:none}.directory-profile-form .directory-form-section legend{display:none}
.directory-profile-form .directory-form-section>div{grid-column:1/-1}.directory-profile-form label{font-size:14px;font-weight:500}
.directory-profile-form p{font-size:13px;line-height:1.6;color:var(--text-secondary,#637085)}
.directory-chatter{min-width:0;border-left:1px solid var(--navy-border,#ddd);background:var(--navy-light,#f6f7f9);padding:18px 20px 32px;align-self:stretch}
.directory-chatter-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--navy-border,#ddd)}
#hr-master-directory .directory-chatter-toolbar .directory-button{padding:7px 10px!important;font-size:13px!important}
.directory-chatter h3{font-size:15px;margin:18px 0 8px}.directory-chatter label{display:grid;gap:6px;font-size:13px;font-weight:500}
.directory-chatter textarea{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:10px;border:1px solid var(--navy-border,#ddd);border-radius:6px;resize:vertical;background:var(--bg-card,#fff);color:var(--text-primary,#202832)}
.directory-chatter form>.directory-button{margin-top:12px}.directory-chatter [role=status]:empty{display:none}
.directory-chatter .directory-hr-entry{border:0;border-bottom:1px solid var(--navy-border,#ddd);border-radius:0;padding:18px 0;margin:0}
.directory-hr-entry header{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:13px;line-height:1.5}.directory-hr-entry time{font-size:12px;color:var(--text-secondary,#697484)}
.directory-hr-entry h4{font-size:14px;margin:10px 0 6px}.directory-hr-entry p{font-size:14px;line-height:1.65;margin:8px 0}.directory-hr-entry small,.directory-chatter-document small{font-size:11px;color:var(--text-secondary,#697484)}
#hr-master-directory .directory-chatter-file{justify-content:flex-start;text-align:left;max-width:100%;overflow-wrap:anywhere;min-height:32px;margin:6px 0;font-size:12px!important;white-space:normal}
.directory-chatter-document{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid var(--navy-border,#ddd)}
.directory-chatter-pagination{display:flex;gap:8px;margin-top:16px}.directory-chatter-documents{padding-bottom:20px}
@media(max-width:1100px){.directory-profile-layout{grid-template-columns:minmax(380px,1fr) minmax(320px,380px)}.directory-profile-main{padding:22px}.directory-profile-header{flex-wrap:wrap}}
@media(max-width:800px){.directory-profile-layout{grid-template-columns:1fr}.directory-chatter{border-left:0;border-top:1px solid var(--navy-border,#ddd)}.directory-profile-header{position:static}.directory-profile-contact,.directory-profile-form .directory-form-section{grid-template-columns:1fr}.directory-profile-identity{grid-template-columns:64px minmax(0,1fr)}.directory-profile-avatar{width:64px;height:64px}.directory-profile-header>div:first-child{flex-wrap:wrap}}
.directory-profile-form input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;margin:6px 0;justify-self:start;accent-color:#d71925}
.directory-profile-form input[type=file]::file-selector-button{border:0;border-radius:4px;padding:5px 8px;background:var(--navy-border,#e4e9ef);color:var(--text-primary,#202832);font:inherit;cursor:pointer;margin-right:8px}

/* Keep Save visible while the form and chatter scroll independently, as on desktop Odoo. */
.directory-profile-page{height:var(--directory-profile-height,calc(100dvh - 170px));min-height:420px;display:flex;flex-direction:column}
.directory-profile-header{position:static;flex-shrink:0}
.directory-profile-layout{flex:1;min-height:0;overflow:hidden}
.directory-profile-main,.directory-chatter{height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
@media(max-width:800px){.directory-profile-page{height:auto}.directory-profile-layout{overflow:visible;display:block}.directory-profile-main,.directory-chatter{height:auto;overflow:visible}}

.directory-document-actions{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}.directory-document-preview{display:flex;flex-direction:column;gap:12px}.directory-document-preview:not([open]){display:none}.directory-document-preview h2{margin:0;overflow-wrap:anywhere}.directory-preview-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.directory-preview-body{flex:1;min-height:0;overflow:auto;text-align:center;background:var(--bg-main,#f1f3f5);padding:16px}.directory-preview-body img{max-width:100%;height:auto}.directory-preview-body canvas{display:block;margin:auto;background:white}.directory-document-preview p{margin:0}