.personnel-name-format-form{width:min(1200px,96vw);max-width:none;border-radius:0;color:#333;font-size:13px}
.personnel-name-format-form .modal-body{background:#eef0f5;padding:12px;overflow:auto;min-height:0}
.personnel-name-format-form details{background:white;padding:12px 32px;margin-bottom:10px}
.personnel-name-format-form summary{margin-left:-20px;margin-bottom:16px;cursor:pointer;font-size:14px}
.name-format-toolbar{display:flex;gap:12px;padding:10px 18px;background:#eef0f5}
.name-format-toolbar button{background:#5582f3;color:white;border:0;border-radius:1px;padding:6px 18px;font:inherit}
.name-format-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 42px}
.name-format-header>label{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px;align-items:center}
.name-format-header>label>span:first-child{text-align:right;color:#666}
.name-format-header input:not([type=checkbox]),.name-format-header select{width:100%;height:29px;padding:4px 8px;border:1px solid #d9d9d9;border-radius:0;font:inherit;min-width:0;background:white}
.name-format-header .directory-reference-cell{width:100%;border-radius:0}
.name-format-header .directory-reference-cell>input{border:0}
.personnel-name-format-form b{color:#f44;font-weight:400}
.name-format-row-actions{display:flex;justify-content:flex-end;gap:20px;margin:-34px 0 12px}
.name-format-row-actions button{background:none;border:0;color:#276aca;font:inherit}
.personnel-name-format-form table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:680px}
.personnel-name-format-form th,.personnel-name-format-form td{height:32px;padding:3px 5px;border-bottom:1px solid #ddd;text-align:left;font-weight:400}
.personnel-name-format-form th{background:#f4f4f4;white-space:normal}
.name-format-fields th:first-child{width:140px}.name-format-fields th:nth-child(2),.name-format-fields th:nth-child(3){width:125px}
.name-format-fields td:nth-child(2),.name-format-fields td:nth-child(3){text-align:center}
.personnel-name-format-form td input:not([type=checkbox]){width:100%;min-width:0;height:26px;border:1px solid #d9d9d9;border-radius:0;background:white;font:inherit;padding:2px 5px}
.personnel-name-format-form td .directory-reference-cell input{border:0}
.personnel-name-format-form tr.is-selected td{background:#eff8ff}
.name-format-countries th:first-child{width:260px}.name-format-countries th:nth-child(2){width:auto}
.name-format-empty{text-align:center;padding:12px;color:#888}.name-format-note{font-size:12px;color:#777}
.name-format-preview .transfer-panel{width:490px!important;max-width:95vw!important}.name-format-preview .transfer-content{height:266px;overflow:auto}
.name-format-preview-text{white-space:pre;min-width:max-content;padding:20px 0}
.workspace-form-page .personnel-name-format-form>.modal-header{display:none}
.personnel-name-format-form .directory-reference-cell{border:1px solid #d9d9d9;border-radius:0;background:white;min-height:28px}
.personnel-name-format-form .directory-reference-cell>input{border:0!important}
.name-format-preset .name-format-header input[readonly],.name-format-preset td input[readonly],.name-format-preset .directory-reference-cell{border:0;background:transparent}
.personnel-name-format-form button:disabled{opacity:.45;cursor:default}
.name-template-tabs{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:0 10px;gap:4px;flex-shrink:0}
.name-template-tabs button{height:30px;border:0;background:white;color:#3170c8;padding:4px 16px;font-size:13px}
.name-template-tabs button.active{background:#5582f3;color:white}
.name-template-tabs [data-name-template-favorite]{margin-left:auto}
.name-template-disabled{margin-right:auto;display:flex;align-items:center;gap:5px;font-size:13px}
.name-template-picker footer{position:relative;justify-content:center}
.name-template-picker .name-template-disabled{position:absolute;left:14px;top:15px;margin:0}
@media(max-width:760px){.name-format-header{grid-template-columns:1fr}.personnel-name-format-form details{padding:12px 20px}}