/* Approved 8766 presentation, mechanically scoped for opt-in page adoption.
   Do not reinterpret these source declarations; see the parity regression test.
   Local JafamPersonnel faces are registered by jafam-personnel-design.css. */
/* New wrappers are layout-neutral in classic/dark/print. No existing control is hidden. */
.jafam-personnel-reference,
.jafam-personnel-reference > .ep-heading,
.jafam-personnel-reference > .ep-surface,
.jafam-personnel-reference .ep-page-actions,
.jafam-personnel-reference .ep-row-actions { display: contents; }

@media screen {
/* APPROVED-PILOT:START */
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference{margin:0!important;background:#f8fafc!important;color:#17233d;font:400 16px/1.5 JafamPersonnel,sans-serif!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference *{box-sizing:border-box}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference button,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference input,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference select,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference textarea,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .mud-typography{font-family:JafamPersonnel,sans-serif!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference button{cursor:pointer}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference button:disabled{cursor:default}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference :focus-visible{outline:3px solid #899af2;outline-offset:3px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-main{max-width:1536px;margin:0 auto;padding:32px;min-width:0}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-main:focus{outline:none}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-eyebrow{font-size:.75rem;color:#3152cd;font-weight:700}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-heading h1{font-size:1.8rem;font-weight:850;line-height:1.5;letter-spacing:-.7px;margin:5px 0 8px;color:#17233d}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-heading p{margin:0;font-size:.85rem;color:#66748d}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-page-actions{display:flex;gap:10px;flex-shrink:0}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button.mud-button-root{min-width:0;min-height:42px;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:10px 16px!important;font-size:1rem!important;font-weight:400!important;line-height:24px!important;box-shadow:0 1px 2px #0f172a0d!important;background:#fff!important;color:#334155!important;text-transform:none;white-space:nowrap;letter-spacing:0}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button .mud-button-label{gap:6px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button .mud-button-icon-start{margin:0}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button.ep-primary{background:#4f39f6!important;border-color:#4f39f6!important;color:#fff!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button.ep-secondary:hover{background:#f8fafc!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button.ep-primary:hover{background:#432dd7!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button:disabled{opacity:.42}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-refresh{width:46px;padding:10px!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-surface{background:#fff;border:1px solid #e5eaf1;border-radius:16px;box-shadow:0 5px 24px #23355706;min-width:0}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar{display:flex;align-items:end;gap:12px;padding:20px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar>label,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters>label{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:600;color:#4e5d76;min-width:0}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-search{flex:1;min-width:140px!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar input,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar select,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters select{width:100%;min-height:42px;border:1px solid #dce3ee;border-radius:9px;background:#fff;padding:10px 12px;font-size:.81rem;font-weight:400;color:#25324a;line-height:20px;box-shadow:none}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar input::placeholder{color:#8a94a7;opacity:1}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar select{min-width:145px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:16px;padding:20px;border-top:1px solid #e5eaf1;background:#f8faff}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters>.ep-button{justify-self:start;font-size:.8rem!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-count{display:inline-grid;place-items:center;border-radius:6px;min-width:20px;background:#e8eafe;color:#4f39f6;font-size:.72rem}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-summary{display:flex;align-items:center;gap:20px;padding:12px 20px;color:#66748d;font-size:.76rem;border-top:1px solid #eef1f6}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-summary strong{color:#17233d;font-size:1rem;margin-left:4px;font-weight:750}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-summary-note{margin-right:auto;font-size:.7rem}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table.mud-table{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;overflow:visible}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-container{max-height:65vh;overflow:auto;border-radius:0;scrollbar-width:thin}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-root{width:100%;min-width:0;border-collapse:separate;border-spacing:0;white-space:nowrap;text-align:right;table-layout:auto}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-head{position:static!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-head .mud-table-cell{position:sticky;top:0;z-index:1;padding:14px 18px!important;background:#f6f8fc!important;color:#526079!important;font-size:.72rem!important;font-weight:650!important;line-height:1.5;border:0!important;border-block:1px solid #e5eaf1!important;box-shadow:none;text-align:right}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-body .mud-table-cell{padding:16px 18px!important;border:0!important;border-bottom:1px solid #eef1f6!important;font-size:.81rem!important;font-weight:400!important;line-height:1.5;vertical-align:middle;background:#fff;color:#17233d;text-align:right}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-row:hover>.mud-table-cell{background:#fafbff}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-cell.ep-action-cell{position:sticky!important;left:0!important;right:auto!important;z-index:2;box-shadow:4px 0 9px #17233d08;background:#fff;min-width:164px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-head .mud-table-cell.ep-action-cell{z-index:3}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;font:inherit}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-sort .mud-icon-root{width:14px;height:14px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-name{display:inline-flex;align-items:center;gap:10px;font-weight:700}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf1fc;color:#4b61a4;flex-shrink:0;font-size:.82rem;font-weight:700}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-code{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-inline-name{display:grid;gap:6px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-inline{width:145px;min-height:38px;border:1px solid #dce3ee;border-radius:7px;padding:7px 9px;background:#fff;color:#17233d;font-size:.8rem}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#edf1fc;color:#53649e;font-size:.68rem;font-weight:600}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-subline{display:block;color:#8390a5;font-size:.67rem;margin-top:5px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions{display:grid;grid-template-columns:auto auto;gap:5px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions button{padding:6px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#4d6193;font-size:.72rem;font-weight:500;line-height:1.5;white-space:nowrap}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions button:hover{background:#eef2ff;border-color:#e0e7ff}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions button.ep-danger{color:#a54444}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions button.ep-danger:hover{background:#fff1f2;border-color:#ffe4e6}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .ep-family>.mud-table-cell{background:#f7f9ff!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-family-list{display:flex;flex-wrap:wrap;gap:12px;white-space:normal}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-family-card{display:grid;gap:5px;min-width:175px;border:1px solid #e3e9f5;border-radius:10px;background:#fff;padding:12px 16px;font-size:.75rem;color:#66748d}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-family-card strong{color:#17233d;font-size:.8rem}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-size:.75rem;color:#66748d}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination>label,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination>div{display:flex;align-items:center;gap:9px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination select{width:76px;min-height:34px;border:1px solid #dce3ee;border-radius:8px;background:#fff;color:#25324a;padding:5px 8px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination .ep-button{min-height:34px;padding:5px 12px!important;font-size:.75rem!important;line-height:22px!important;border-radius:8px!important}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-column-wrap{position:relative}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-column-shade{position:fixed;inset:0;z-index:98;border:0;background:transparent;padding:0;cursor:default}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-columns{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:99;width:272px;max-height:min(352px,calc(100dvh - 96px));overflow:auto;background:#fff;border:1px solid #dce3ee;border-radius:12px;box-shadow:0 14px 40px #0f172a24;padding:12px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-columns header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eef1f6;font-size:.8rem;color:#334155}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-column-close{display:inline-grid;place-items:center;border:0;border-radius:7px;background:#f1f5f9;color:#475569;width:32px;height:32px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-columns label{display:flex;align-items:center;gap:10px;min-height:34px;padding:5px 7px;font-size:.8rem;font-weight:500;cursor:pointer}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-columns input{width:16px;height:16px;accent-color:#4f39f6}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-empty{text-align:center;padding:42px 20px;color:#66748d;white-space:normal}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-empty strong{display:block;color:#17233d}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-empty p{margin:8px 0 18px}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 16px;background:#eff4fc;border:1px solid #dce6f6;border-radius:9px;font-size:.8rem}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-notice button{display:grid;place-items:center;background:none;border:0;color:#475569}
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-preview-note{font-size:.7rem;color:#8490a3;margin:14px 2px 0}
@media(max-width:1023px){html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-main{padding:28px 24px}}
@media(max-width:900px){html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-heading{align-items:flex-start;flex-direction:column;gap:15px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-heading h1{font-size:1.5rem}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar{flex-wrap:wrap}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-search{flex-basis:100%}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-summary-note{display:none}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-main{padding:20px 16px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-button.mud-button-root{min-height:44px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar input,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar select,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters select{min-height:44px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-columns{position:fixed;inset-inline:12px;top:auto;bottom:12px;width:auto;max-height:min(70dvh,448px)}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-column-close{width:44px;height:44px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-columns label{min-height:44px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-cell.ep-action-cell{min-width:160px;z-index:4}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-head .mud-table-cell.ep-action-cell{z-index:5}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions{grid-template-columns:1fr 1fr}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions button{min-height:44px;padding:8px 7px;border-color:#e5eaf1;background:#f8fafc}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions .ep-danger{background:#fff7f7;border-color:#f6e5e5}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-family-list{position:sticky;right:0;width:calc(100vw - 70px)}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-family-card{flex:1}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination .ep-button{min-height:40px}}
@media(max-width:540px){html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-filters{grid-template-columns:1fr;padding:14px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-heading p{font-size:.76rem;line-height:1.8}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar{padding:14px;gap:10px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-body .mud-table-cell{padding:13px!important}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination{flex-wrap:wrap;padding:14px}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-pagination>span{order:3;flex-basis:100%;text-align:center}html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-summary{padding:12px 14px;gap:15px}}
@media(prefers-reduced-motion:reduce){html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference *, html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference *::before,html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* APPROVED-PILOT:END */
/* APPROVED-SHELL:START */
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell { --ep-sidebar-width: 17.5rem; --ep-subnav-width: 18rem; --ep-shell-motion: 260ms cubic-bezier(.22,1,.36,1); min-height:100vh; direction:rtl; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell *, html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell *::before, html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell *::after { box-sizing:border-box; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell :is(button,a) { -webkit-tap-highlight-color:transparent; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell :is(button,a):focus-visible { outline:2px solid #a5b4fc; outline-offset:-2px; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell [hidden] { display:none !important; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-skip { position:fixed; z-index:2000; inset-inline-start:1rem; top:-5rem; padding:.7rem 1rem; background:#fff; color:#17233d; border-radius:.5rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-skip:focus { top:1rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-sidebar { position:fixed; inset-block:0; inset-inline-start:0; z-index:70; width:var(--ep-sidebar-width); max-width:calc(100vw - 2.25rem); overflow:visible; background:transparent; padding:0; translate:104% 0; transition:translate var(--ep-shell-motion); }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-sidebar.is-open { translate:0 0; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-primary { position:relative; z-index:2; display:flex; height:100%; width:100%; min-width:0; flex-direction:column; overflow:hidden; background:#020617; color:#e2e8f0; padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom); }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-overlay { position:fixed; inset:0; z-index:60; opacity:0; visibility:hidden; pointer-events:none; background:rgba(2,6,23,.62); transition:opacity 180ms ease-out,visibility 0s linear 180ms; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-overlay.is-open { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) body.ep-shell-modal { overflow:hidden !important; overscroll-behavior:none; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-content { min-width:0; min-height:100vh; padding-inline-start:0; transition:padding-inline-start var(--ep-shell-motion); }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-brand { display:flex; height:4rem; flex:0 0 auto; align-items:center; gap:.75rem; padding-inline:1rem; border-bottom:1px solid #1e293b; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-monogram { display:flex; width:2.5rem; height:2.5rem; flex:0 0 auto; align-items:center; justify-content:center; border-radius:.75rem; background:#6366f1; color:#fff; font-size:1rem; font-weight:900; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-brand-copy { min-width:0; flex:1; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-brand-copy p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; color:#fff; font-size:.875rem; line-height:1.25rem; font-weight:800; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-brand-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:.125rem; color:#94a3b8; font-size:.75rem; line-height:1rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-icon { display:inline-flex; width:44px; min-width:44px; height:44px; min-height:44px; flex:0 0 auto; align-items:center; justify-content:center; border:0; border-radius:.6rem; padding:0; background:transparent; color:#94a3b8; cursor:pointer; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-icon svg { width:1.25rem; height:1.25rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-icon:hover { background:#1e293b; color:#fff; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-icon .ep-shell-desktop-icon { display:none; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-nav { flex:1 1 auto; min-height:0; overflow-y:auto; padding:1.25rem .75rem; scrollbar-width:thin; scrollbar-color:#334155 transparent; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-section-label { margin:0; padding:0 .75rem .5rem; color:#94a3b8; font-size:.75rem; font-weight:700; line-height:1rem; letter-spacing:.025em; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-link { display:flex; width:100%; min-height:44px; align-items:center; gap:.75rem; margin-bottom:.25rem; border:0; border-radius:.75rem; padding:.625rem .75rem; background:transparent; color:#94a3b8; font-family:inherit; font-size:.875rem; font-weight:600; line-height:1.25rem; text-decoration:none; text-align:start; cursor:pointer; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-link > svg { width:1.25rem; height:1.25rem; flex:0 0 auto; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-link > span { flex:1; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-link:hover { background:rgba(30,41,59,.8); color:#fff; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-parent.is-active { color:#c7d2fe; background:rgba(99,102,241,.11); box-shadow:inset 0 0 0 1px rgba(129,140,248,.13); }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-parent[aria-expanded="true"] { color:#fff; background:#1e293b; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-link > .ep-shell-chevron { width:1rem; height:1rem; opacity:.68; transition:transform 160ms ease-out,opacity 160ms ease-out; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-parent[aria-expanded="true"] .ep-shell-chevron { transform:translateX(-2px); opacity:1; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-account { flex:0 0 auto; border-top:1px solid #1e293b; padding:.75rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-version { margin:0 0 .5rem; padding-inline:.75rem; text-align:center; font-size:.75rem; color:#94a3b8; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-user { display:flex; align-items:center; gap:.75rem; margin-bottom:.5rem; padding:.625rem .75rem; border-radius:.75rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-user-avatar { display:flex; width:2.25rem; height:2.25rem; flex:0 0 auto; align-items:center; justify-content:center; border-radius:50%; background:#334155; color:#f1f5f9; font-size:.875rem; font-weight:700; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-user small { display:block; color:#94a3b8; font-size:.75rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-user strong { display:block; margin-top:.125rem; color:#f1f5f9; font-size:.875rem; font-weight:600; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-logout { color:#fda4af; margin-bottom:0; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-logout:disabled { cursor:not-allowed; opacity:.7; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav { position:absolute; z-index:1; inset-block:0; inset-inline-start:100%; display:flex; width:var(--ep-subnav-width); flex-direction:column; overflow:hidden; border-inline-start:1px solid rgba(148,163,184,.14); background:#0f172a; color:#e2e8f0; box-shadow:-18px 0 42px rgba(2,6,23,.22); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(100%); transition:transform var(--ep-shell-motion),opacity 170ms ease-out,visibility 0s linear 260ms; padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom); }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); transition-delay:0s; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-head { display:flex; min-height:4rem; flex:0 0 auto; align-items:center; gap:.65rem; border-bottom:1px solid #263244; padding:.6rem .75rem .6rem 1rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-heading { min-width:0; flex:1; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-heading p { margin:0 0 .12rem; color:#94a3b8; font-size:.75rem; font-weight:700; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-heading h2 { overflow:hidden; margin:0; color:#f8fafc; font-size:.92rem; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-back { display:none; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-body { flex:1 1 auto; min-height:0; overflow-y:auto; padding:.85rem; scrollbar-width:thin; scrollbar-color:#334155 transparent; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link { position:relative; display:flex; width:100%; min-height:58px; align-items:center; gap:.75rem; margin-bottom:.35rem; border:1px solid transparent; border-radius:.7rem; padding:.65rem .7rem; background:transparent; color:#cbd5e1; font-family:inherit; text-decoration:none; text-align:start; cursor:pointer; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link:hover { border-color:rgba(148,163,184,.16); background:#1e293b; color:#fff; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link > span:last-child { min-width:0; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link strong { display:block; font-size:.8rem; font-weight:750; line-height:1.55; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link small { display:block; overflow:hidden; margin-top:.1rem; color:#94a3b8; font-size:.75rem; font-weight:500; line-height:1.55; text-overflow:ellipsis; white-space:nowrap; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-number { display:inline-flex; width:1.8rem; height:1.8rem; flex:0 0 auto; align-items:center; justify-content:center; border:1px solid #334155; border-radius:.5rem; color:#94a3b8; font-size:.75rem; font-weight:800; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link.is-active { border-color:rgba(129,140,248,.24); background:rgba(99,102,241,.14); color:#e0e7ff; box-shadow:inset -3px 0 0 #818cf8; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link.is-active .ep-shell-subnav-number { border-color:rgba(129,140,248,.35); background:rgba(99,102,241,.18); color:#c7d2fe; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-link.is-active small { color:#a5b4fc; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-footer { display:flex; min-height:3.3rem; flex:0 0 auto; align-items:center; gap:.55rem; border-top:1px solid #263244; padding:.7rem 1rem; color:#94a3b8; font-size:.75rem; font-weight:600; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-footer > span { width:.5rem; height:.5rem; border-radius:50%; background:#10b981; flex:0 0 auto; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-topbar { position:sticky; top:0; z-index:30; border-bottom:1px solid rgba(226,232,240,.9); background:rgba(255,255,255,.95); backdrop-filter:blur(8px); }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-topbar-inner { display:flex; height:4rem; max-width:96rem; margin-inline:auto; align-items:center; gap:.75rem; padding-inline:1rem; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-topbar-inner > p { min-width:0; flex:1; overflow:hidden; margin:0; color:#0f172a; font-size:.875rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-open { width:44px; height:44px; border:1px solid #e2e8f0; border-radius:.5rem; background:#fff; color:#64748b; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-open:hover { border-color:#cbd5e1; background:#f8fafc; color:#1e293b; }
html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-preview-label { color:#64748b; font-size:.75rem; white-space:nowrap; }
@media (min-width:40rem) { html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-topbar-inner { padding-inline:1.5rem; } }
@media (min-width:64rem) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-sidebar { translate:0 0; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-sidebar:not(.is-open) { translate:104% 0; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-overlay { display:none; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-content { padding-inline-start:var(--ep-sidebar-width); }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-content.is-sidebar-collapsed { padding-inline-start:0; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-icon .ep-shell-mobile-icon { display:none; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-icon .ep-shell-desktop-icon { display:block; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-topbar-inner { padding-inline:2rem; }
}
@media (max-width:63.999rem) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-sidebar { width:min(22rem,calc(100vw - 2rem)); max-width:none; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-primary { box-shadow:-18px 0 48px rgba(2,6,23,.34); }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav { z-index:3; inset:0; width:100%; border:0; box-shadow:none; transform:translateX(-100%); }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav.is-open { transform:translateX(0); }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-back { display:inline-flex; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-close { display:none; }
}
@media (max-width:35rem) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-sidebar { width:min(21rem,calc(100vw - .75rem)); }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-head { padding-inline:.55rem .75rem; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-shell-subnav-body { padding:.7rem; }
}
@media (prefers-reduced-motion:reduce) { html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference :is(.ep-shell-sidebar,.ep-shell-overlay,.ep-shell-content,.ep-shell-subnav,.ep-shell-chevron) { transition-duration:.01ms !important; } }
/* APPROVED-SHELL:END */
}

/* ADAPTER: explicit real-Mud page adoption; never a generic table reset. */
@media screen {
    /* The standalone 8765 reference uses Vazirmatn throughout. Incumbent site
       rules assign these tokens directly to headings/labels/table cells with
       !important, so a body font alone cannot isolate the adopted surface. */
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference {
        --jf-font-fa: "JafamPersonnel", sans-serif;
        --jf-font-fa-display: "JafamPersonnel", sans-serif;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference > .ep-surface { display: block; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .dahs-main:has(> .jafam-personnel-reference) { padding: 0; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .dahs-main > .jafam-personnel-reference { max-width: 1536px; margin-inline: auto !important; padding: 32px; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference > .ep-heading > .jf-page-header {
        width: 100%; margin: 0; padding: 0; border: 0; background: transparent;
        box-shadow: none; backdrop-filter: none; color: #17233d;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference > .ep-heading .jf-page-header__icon {
        background: transparent; box-shadow: none; border: 0; color: #66748d;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar.mud-paper {
        margin: 0 !important; border: 0 !important; border-radius: 16px 16px 0 0;
        background: #fff; box-shadow: none;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar > .mud-grid {
        margin: 0; width: 100%;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar > .mud-grid > .mud-grid-item {
        padding: 0; flex: 1 1 100%; max-width: 100%;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input-control {
        margin: 0; padding-top: 23px;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input-label {
        top: -23px; transform: none !important; padding: 0; font-size: .78rem; line-height: 16px;
        font-weight: 600; color: #4e5d76;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input {
        margin: 0; padding: 0; min-height: 42px; border: 1px solid #dce3ee; border-radius: 9px;
        background: #fff; color: #25324a; box-shadow: none;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input:before,
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input:after {
        border-bottom: 0;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input > input.mud-input-root {
        border: 0; border-radius: 9px; min-height: 42px; padding: 10px 12px; box-sizing: border-box;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input:focus-within {
        outline: 2px solid #899af2; outline-offset: 2px;
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-toolbar .mud-input-error {
        border-color: var(--mud-palette-error); color: var(--mud-palette-error);
    }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions .mud-icon-button:is(.mud-success-text, .mud-button-outlined-success, .mud-button-filled-success) { color: var(--mud-palette-success) !important; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions .mud-icon-button:is(.mud-info-text, .mud-button-outlined-info, .mud-button-filled-info) { color: var(--mud-palette-info) !important; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions .mud-icon-button:is(.mud-error-text, .mud-button-outlined-error, .mud-button-filled-error) { color: var(--mud-palette-error) !important; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-row-actions .mud-icon-button:is(.mud-primary-text, .mud-button-outlined-primary, .mud-button-filled-primary) { color: var(--mud-palette-primary) !important; }
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .jafam-personnel-reference .ep-table .mud-table-pagination {
        padding: 17px 20px; border-top: 1px solid #eef1f6; background: #fff; color: #66748d;
        font-size: .75rem;
    }
}
@media screen and (max-width: 1023px) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .dahs-main > .jafam-personnel-reference { padding: 28px 24px; }
}
@media screen and (max-width: 639px) {
    html[data-ui-design="personnel"]:not([data-theme="dark"]) .dahs-main > .jafam-personnel-reference { padding: 20px 16px; }
}