/* 员工档案已有工具栏的交互补全，沿用页面字体和控件色。 */
.drawer.wide.hr-operation-log-drawer { width: min(1120px, calc(100vw - 48px)); }
.hr-operation-log-drawer, .hr-departments-drawer, .hr-editor { z-index: 81; }
.drawer-mask[data-close="hr-operation-log"], .drawer-mask[data-close="hr-departments"], .drawer-mask[data-close="hr-editor"] { z-index: 80; }
.hr-operation-log-drawer th:nth-child(2) { width: 130px; }
.hr-operation-log-drawer th:nth-child(3) { width: 100px; }
.hr-operation-log-drawer th:nth-child(7) { width: 110px; }
.hr-operation-log-drawer .hr-lifecycle-tag { white-space: nowrap; }
.hr-departments-drawer table { min-width: 700px; }
.hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(1) { width: 14%; }
.hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(2) { width: 20%; }
.hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(3), .hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(4) { width: 14%; }
.hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(5) { width: 20%; }
.hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(6) { width: 8%; }
.hr-departments-drawer:has([data-hr-org-kind="teams"][aria-pressed="true"]) th:nth-child(7) { width: 10%; }
.hr-departments-drawer td .btn { white-space: nowrap; }
.hr-audit-detail { margin-top: 6px; }
.hr-audit-detail summary { color: #08758a; cursor: pointer; }
.hr-audit-detail summary:focus-visible { outline: 2px solid #08758a; outline-offset: 2px; }
.hr-audit-change { margin-block: 8px; padding-block: 4px; border-bottom: 1px solid #e2e7ee; }
.hr-audit-change span { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
.hr-operation-log-drawer td .hr-audit-detail small { color: #526174; }
.hr-query-panel { width: min(590px, calc(100vw - 32px)); max-height: calc(100vh - 230px); overflow-y: auto; font-size: 12px; }
.hr-query-panel.hr-more-popover { width: 210px; }
.hr-query-panel .hr-filter-rule { grid-template-columns: minmax(120px, 1fr) 106px minmax(110px, 1fr) 28px; gap: 6px; }
.hr-query-panel .hr-sort-rule { grid-template-columns: minmax(150px, 1fr) 100px 28px; gap: 6px; }
.hr-query-panel select, .hr-query-panel input:not([type="checkbox"]):not([type="radio"]) { min-width: 0; padding: 4px 6px; height: 30px; color: #263445; border: 1px solid #dadee5; border-radius: 4px; background: #fff; font: inherit; }
.hr-query-panel input:disabled { background: #f3f5f7; }
.hr-query-panel button { cursor: pointer; font: inherit; }
.hr-query-panel button:disabled { cursor: not-allowed; opacity: .55; }
.hr-query-panel button:focus-visible, .hr-query-panel input:focus-visible, .hr-query-panel select:focus-visible, .hr-query-summary button:focus-visible { outline: 2px solid #007c73; outline-offset: 2px; }
.hr-query-panel [data-hl-remove] { border: 0; background: transparent; color: #526174; font-size: 18px; }
.hr-query-field-search { width: 100%; margin: 4px 0 8px; }
.hr-query-panel .hr-field-option { font-size: 12px; }
.hr-query-panel .hr-field-option[hidden] { display: none; }
.hr-query-panel .hr-field-option small { margin-left: auto; color: #687587; }
.hr-query-help { margin: 10px 0; color: #596779; font-size: 12px; line-height: 1.6; }
.hr-query-error { margin: 8px 0 0; color: #b32935; font-size: 12px; }
.hr-query-error:empty { display: none; }
.hr-export-choice { display: flex; align-items: center; gap: 8px; min-height: 34px; }
.hr-view-save { display: flex; gap: 8px; margin-bottom: 10px; }
.hr-view-save input { flex: 1; }
.hr-view-save button, .hr-saved-views button { padding: 5px 8px; border: 1px solid #dadee5; border-radius: 4px; background: #fff; color: #263445; }
.hr-saved-views > div { display: flex; align-items: center; gap: 5px; margin: 6px 0; }
.hr-saved-views [data-hl-load-view] { flex: 1; min-width: 0; overflow-wrap: anywhere; text-align: left; color: #007c73; }
.hr-saved-views [data-hl-delete-view] { color: #b32935; }
.hr-query-summary { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; padding: 6px 14px; background: #f7f9fb; border-bottom: 1px solid #e5e8ed; color: #526174; font-size: 12px; }
.hr-query-summary label { display: flex; align-items: center; gap: 6px; }
.hr-query-summary select { max-width: 180px; height: 26px; border: 1px solid #dadee5; border-radius: 3px; font: inherit; }
.hr-query-summary button { padding: 3px 6px; border: 0; background: transparent; color: #007c73; cursor: pointer; font: inherit; }
.hr-filter-button.active { color: #007c73; }
.hr-archive-page[data-hr-query] .hr-employee-table tbody tr.hr-employee-row > td { height: var(--hr-user-row-height, 30px) !important; }
.hr-query-group td { height: 30px; padding: 0 !important; text-align: left !important; background: #f4f7fa; }
.hr-query-group-content { position: sticky; left: 0; display: flex; align-items: center; gap: 8px; width: max-content; max-width: 100%; height: 30px; padding-right: 12px; background: #f4f7fa; font-size: 12px; }
.hr-query-group-content > button { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 24px; border: 0; background: transparent; color: #526174; cursor: pointer; }
.hr-query-group-content > input { margin: 0; }
.hr-query-group-content > span { color: #647185; }
.hr-query-group-content .hr-reference-icon-arrow-right::before { content: '\e62c'; }
.hr-query-group-content .hr-reference-icon-arrow-right { transform: rotate(-90deg); }
.hr-archive-page:has(.hr-query-summary) .hr-employee-table-wrap { height: calc(100vh - 286px); }
@media (max-width: 700px) {
  .hr-query-panel { position: fixed; top: 140px; right: 12px; max-height: calc(100vh - 156px); }
  .hr-query-panel .hr-filter-rule { grid-template-columns: minmax(0, 1fr) 100px 28px; }
  .hr-query-panel .hr-filter-rule > input { grid-row: 2; grid-column: 1 / 3; }
  .hr-query-panel .hr-filter-rule > [data-hl-remove] { grid-column: 3; grid-row: 1; }
}
.hr-schedule-employee-picker input[type=text]{padding-right:34px}
.hr-schedule-employee-toggle{position:absolute;right:1px;top:1px;bottom:1px;border:0;background:transparent;padding:0 10px;color:#596472;cursor:pointer}
.hr-schedule-employee-picker .att-employee-options button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;border:0;background:#fff;padding:9px 10px;border-radius:3px;cursor:pointer;color:inherit;font:inherit}
.hr-schedule-employee-picker .att-employee-options button.is-active,.hr-schedule-employee-picker .att-employee-options button[aria-selected=true]{background:#edf3ff;color:#315db4}
.hr-schedule-employee-picker .att-employee-options button span{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.hr-schedule-employee-picker .att-employee-options small{max-width:100%;white-space:normal;overflow-wrap:anywhere}