@import url("vendor/css/backend.min.css");
@import url("vendor/css/tenant-theme.css");
@import url("vendor/css/tenant-refinements.css");
@import url("vendor/css/tenant-navigation-compat.css");
@import url("vendor/css/tenant-reference-components.css");
@import url("vendor/css/tenant-workspace.css");
@import url("vendor/css/tenant-scale.css");
@import url("vendor/css/tenant-selectors.css");
@import url("vendor/css/tenant-dashboard.css");

/* The copied reference styles are authoritative; these rules adapt Layui's DOM. */
html { min-height:100%; }
body.hr-admin { margin:0; color:var(--tt-text); background:var(--tt-canvas); font-family:var(--tt-font); font-size:14px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body.hr-admin * { box-sizing:border-box; }
body.hr-admin a { text-decoration:none; }
body.hr-admin a:focus-visible, body.hr-admin button:focus-visible { outline:3px solid #889ec3; outline-offset:3px; }
body.hr-admin > :is(.fluid,.layui-fluid,.content) { margin:0 !important; padding:26px 30px 28px !important; width:100%; max-width:none; min-width:0; }
body.hr-admin .layui-row { min-width:0; }
body.hr-admin :is(.layui-col-space15,.layui-col-space10) { margin:0; }
body.hr-admin :is(.layui-col-space15,.layui-col-space10) > * { padding:0; }
body.hr-admin .layui-card { margin-bottom:20px; color:var(--tt-text); background:#fff; border:1px solid var(--tt-border); border-radius:12px; box-shadow:0 2px 10px #15223806; }
body.hr-admin .layui-card-header { height:auto; min-height:56px; padding:17px 20px; border-bottom:1px solid var(--tt-border); border-radius:11px 11px 0 0; color:var(--tt-heading); font-size:16px; line-height:22px; font-weight:600; }
body.hr-admin .layui-card-body { padding:20px; line-height:1.6; }
body.hr-admin :is(.layui-input,.layui-textarea,.layui-select) { height:36px !important; min-height:36px; padding:6px 11px; color:var(--tt-text); background:#fff; border:1px solid var(--tt-input-border); border-radius:6px; font-family:inherit; font-size:14px; line-height:22px; box-shadow:none; }
body.hr-admin .layui-textarea { height:auto !important; min-height:96px; line-height:1.7; }
body.hr-admin :is(.layui-input,.layui-textarea):hover { border-color:#a9b4c6; }
body.hr-admin :is(.layui-input,.layui-textarea):focus { border-color:#1e407a !important; outline:0; box-shadow:0 0 0 3px #1e407a12; }
body.hr-admin input::placeholder, body.hr-admin textarea::placeholder { color:#969fad; }
body.hr-admin .layui-btn { display:inline-flex; justify-content:center; align-items:center; gap:7px; height:36px; min-height:36px; padding:6px 13px; border:1px solid #556279; border-radius:6px; color:#fff; background:#556279; font-family:inherit; font-size:14px; font-weight:500; line-height:22px; vertical-align:middle; box-shadow:none; }
body.hr-admin .layui-btn:hover { color:#fff; background:#485468; border-color:#485468; opacity:1; }
body.hr-admin :is(.layui-btn-primary,.layui-btn-normal) { color:#505865; background:#fff; border-color:var(--tt-input-border); }
body.hr-admin :is(.layui-btn-primary,.layui-btn-normal):hover { color:#193566; background:#f1f3f6; border-color:#a9b4c6; }
body.hr-admin .layui-btn-danger { color:#b85151; background:#fff7f7; border-color:#ecd5d5; }
body.hr-admin .layui-btn-danger:hover { color:#ae3838; background:#fbeaea; border-color:#dbb8b8; }
body.hr-admin .layui-btn-xs { height:30px; min-height:30px; padding:3px 9px; font-size:12px; line-height:22px; }
body.hr-admin .layui-btn + .layui-btn { margin-left:6px; }
body.hr-admin .layui-btn .layui-icon { font-size:14px; }
body.hr-admin .layui-btn-disabled { opacity:.45; cursor:not-allowed; }
body.hr-admin .content .layui-table .layui-btn.formsubmit { color:#fff; }
body.hr-admin .layui-form-select .layui-input { height:40px !important; min-height:40px; padding:8px 34px 8px 12px; border-color:#dcdee3; }
body.hr-admin .layui-form-select .layui-edge { right:14px; width:6px; height:6px; margin-top:-5px; color:#7a8597; border:0; border-right:1.5px solid; border-bottom:1.5px solid; transform:rotate(45deg); }
body.hr-admin .layui-form-selected .layui-edge { margin-top:-1px; transform:rotate(225deg); }
body.hr-admin .layui-form-select dl { top:48px; padding:8px; border:1px solid #dcdee3; border-radius:8px; box-shadow:0 10px 28px #15223814,0 2px 6px #15223807; }
body.hr-admin .layui-form-select dl dd { min-height:38px; margin:2px 0; padding:8px 12px; color:var(--tt-text); border-radius:5px; font-size:14px; line-height:22px; }
body.hr-admin .layui-form-select dl dd:is(:hover,.layui-this) { color:#193566; background:#ebeef4; }
body.hr-admin .layui-form-select dl dt { color:var(--tt-muted); }
body.hr-admin .layui-form-item { margin-bottom:22px; }
body.hr-admin .layui-form-label { height:auto; padding:7px 16px 7px 0; color:var(--tt-muted); font-size:14px; line-height:22px; font-weight:400; }
body.hr-admin .layui-form-mid { padding:7px 0 !important; }
body.hr-admin .layui-word-aux { color:var(--tt-muted) !important; font-size:13px; }
body.hr-admin .layui-form-radio { display:inline-flex; align-items:center; gap:8px; margin:5px 18px 5px 0; color:var(--tt-text); line-height:22px; }
body.hr-admin .layui-form-radio > i { margin:0; color:#bdc2cb; font-size:18px; transition:color .15s ease; }
body.hr-admin .layui-form-radioed > i, body.hr-admin .layui-form-radio:hover > i { color:#1e407a; }
body.hr-admin .layui-form-radioed > div { color:#1e407a; font-weight:500; }
body.hr-admin .layui-form-checkbox[lay-skin=primary] { min-height:18px; line-height:18px; }
body.hr-admin .layui-form-checkbox[lay-skin=primary] i { width:16px; height:16px; border-radius:4px; border-color:#b8bec8; line-height:15px; }
body.hr-admin .layui-form-checked[lay-skin=primary] i { background:#556279; border-color:#556279; }
/* 全局开关：统一为简洁的 iOS 风格切换 */
body.hr-admin .layui-form-switch { position:relative; box-sizing:border-box; width:46px; min-width:46px; height:26px; padding:0; margin-top:5px; border:0; border-radius:14px; background:#e4e6ea; cursor:pointer; overflow:visible; vertical-align:middle; transition:background .2s ease; }
body.hr-admin .layui-form-switch em { display:none; }
body.hr-admin .layui-form-switch i { position:absolute; left:3px; top:3px; width:20px; height:20px; margin:0; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(16,40,30,.18); transition:left .2s ease; }
body.hr-admin .layui-form-switch:hover { background:#d9dce1; }
body.hr-admin .layui-form-onswitch { background:#1e407a; }
body.hr-admin .layui-form-onswitch:hover { background:#193667; }
body.hr-admin .layui-form-onswitch i { left:23px; right:auto; background:#fff; }
body.hr-admin .layui-form-switch.layui-disabled,
body.hr-admin .layui-form-switch.layui-disabled i { opacity:.55; cursor:not-allowed; }
body.hr-admin .layui-table-view { margin-top:18px; border:0; border-radius:9px; }
body.hr-admin :is(.layui-table-header,.layui-table-tool,.layui-table-total) { background:#f6f6f6; border-color:var(--tt-border); }
body.hr-admin .layui-table-tool { min-height:52px; padding:10px 0; background:#fff; border:0; }
body.hr-admin .layui-table { margin:0; color:var(--tt-text); }
body.hr-admin .layui-table th { height:46px; background:#f6f6f6; color:var(--tt-muted); font-weight:500; }
body.hr-admin .layui-table :is(th,td) { padding:10px 0; border:0; border-bottom:1px solid var(--tt-border); font-size:14px; }
body.hr-admin .layui-table-cell { height:auto; min-height:22px; padding:0 12px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:normal; }
body.hr-admin .layui-table-cell.laytable-cell-checkbox { padding:0 6px; }
body.hr-admin .layui-table tbody tr { background:#fff; }
body.hr-admin .layui-table tbody tr:hover, body.hr-admin .layui-table-hover { background:#f7f8fa !important; }
body.hr-admin .layui-table-body { border-bottom:0; }
body.hr-admin .layui-table-page { height:auto; min-height:54px; padding:14px 0 0; border:0; }
body.hr-admin .layui-laypage a, body.hr-admin .layui-laypage span { height:32px; padding:0 11px; margin:0 3px 0 0; border:1px solid var(--tt-border); border-radius:5px; line-height:30px; }
body.hr-admin .layui-laypage .layui-laypage-curr .layui-laypage-em { background:#556279; border-radius:5px; }
body.hr-admin .layui-laypage input { height:32px; border-radius:5px; }
body.hr-admin .layui-tab { margin:0; }
body.hr-admin .layui-tab-title { height:auto; min-height:56px; padding:0 20px; border-color:var(--tt-border); }
body.hr-admin .layui-tab-title li { min-height:56px; padding:16px 12px; color:var(--tt-muted); font-size:14px; line-height:24px; }
body.hr-admin .layui-tab-title .layui-this { color:#455166; }
body.hr-admin .layui-tab-title .layui-this::after { top:auto; bottom:0; height:2px; border:0; border-radius:0; background:#556279; }
body.hr-admin .layui-tab-content { padding:20px; }
body.hr-admin .layui-elem-quote { padding:14px 16px; margin-bottom:22px; border:1px solid var(--tt-border); border-left:3px solid #7f8a9c; border-radius:6px; background:#f6f6f6; color:#515967; font-size:14px; }
body.hr-admin .layui-badge, body.hr-admin .layui-badge-rim { height:auto; padding:1px 6px; color:#556279; background:#eef0f4 !important; border:1px solid #dde1e7; border-radius:4px; font-size:12px; line-height:18px; }
body.hr-admin .layui-bg-red { color:#b85151 !important; background:#fff2f2 !important; }
body.hr-admin .layui-bg-green { background:#556279 !important; }
body.hr-admin .layui-anim { animation:none; }
body.hr-admin .layui-table-tips-main { color:var(--tt-text); }
body.hr-admin .hr-page-title { margin-bottom:20px; }
body.hr-admin .hr-page-title h1 { margin:0; color:#272e3b; font-size:22px; font-weight:600; line-height:1.4; letter-spacing:-.3px; }
body.hr-admin .hr-page-title p { margin:5px 0 0; color:var(--tt-muted); font-size:14px; line-height:22px; }
body.hr-admin .hr-filter-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:18px; margin-bottom:20px; border:1px solid var(--tt-border); border-radius:9px; background:var(--tt-soft); }
body.hr-admin .hr-filter-row > :is(.layui-col-md6,.layui-col-md12) { display:flex; flex-wrap:wrap; align-items:center; gap:10px; float:none; width:auto; }
body.hr-admin .hr-filter-row .layui-form { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
body.hr-admin .hr-filter-row .layui-input-inline { width:auto; }
body.hr-admin .hr-filter-row .layui-inline { margin:0; }
body.hr-admin .hr-filter-row .layui-input-inline:not(.layui-col-md6) { display:inline-flex; flex-wrap:wrap; gap:8px; align-items:center; }
body.hr-admin .hr-list-heading { padding:0 20px; background:#fff; border-bottom:1px solid var(--tt-border); border-radius:12px 12px 0 0; }
body.hr-admin .hr-list-heading .nav-tabs { margin:0; }
body.hr-admin .hr-list-actions { display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; gap:8px; margin-bottom:16px; }
body.hr-admin .hr-editor-surface { padding:24px !important; }
body.hr-admin.hr-editor .layui-form:not(.hr-filter-row *) { padding:24px !important; margin:0 !important; border:1px solid var(--tt-border); border-radius:10px; background:#fff; }
body.hr-admin.hr-editor .layui-card:has(> form) { border:0; background:transparent; box-shadow:none; }
body.hr-admin.hr-editor .layui-form-item > .layui-form-label { float:none; display:block; width:100% !important; padding:0 0 8px !important; border:0; background:transparent; text-align:left; color:#515967; line-height:20px; }
body.hr-admin.hr-editor .layui-form-item > .layui-input-block { width:100%; max-width:none; min-width:0; min-height:36px; padding:0 !important; margin-left:0 !important; }
body.hr-admin.hr-editor .layui-form-item > .layui-input-block:has(.edui-editor),body.hr-admin.hr-editor .hr-form-actions > .layui-input-block { max-width:none; }
body.hr-admin.hr-editor .layui-input { height:40px !important; min-height:40px; padding:8px 11px; }
body.hr-admin.hr-editor .layui-form-item > .layui-input-block > .layui-input-inline { margin-left:0 !important; }
body.hr-admin.hr-editor .layui-form-item > .layui-input-block > p { margin:8px 0 0 !important; width:auto !important; color:var(--tt-muted); font-size:13px; }
body.hr-admin.hr-editor .layui-input-block > label:not(.layui-form-label) { display:block; margin-top:7px; color:var(--tt-muted); font-size:13px; font-weight:400; }
body.hr-admin.hr-editor .hr-form-actions { position:static; clear:both; display:flex; justify-content:flex-end; gap:10px; padding:16px 0 0; margin-bottom:0; border-top:1px solid var(--tt-border); background:#fff; }
body.hr-admin.hr-editor .hr-form-actions > .layui-input-block { display:flex; justify-content:flex-end; align-items:center; gap:10px; }
body.hr-admin.hr-editor .hr-inline-fields { display:flex; align-items:flex-start; flex-wrap:wrap; gap:10px; }
body.hr-admin.hr-editor .hr-inline-fields > .layui-input-inline { float:none; margin:0 !important; }
body.hr-admin.hr-editor .hr-inline-fields > p { flex-basis:100%; }
body.hr-admin.hr-editor form.hr-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 24px; align-items:start; }
body.hr-admin.hr-editor form.hr-editor-grid > .layui-form-item { min-width:0; margin:0; }
body.hr-admin.hr-editor form.hr-editor-grid > .hr-field-wide { grid-column:1 / -1; }
body.hr-admin.hr-editor .layui-input-block > :is(.layui-input,.layui-textarea,.layui-form-select) { width:100%; max-width:100%; }
body.hr-admin.hr-editor .layui-input-block > .layui-input-inline { max-width:100%; }
body.hr-admin.hr-editor .hr-admin-openid { display:flex; flex-wrap:wrap; gap:10px; }
body.hr-admin.hr-editor .hr-admin-openid > .layui-input { flex:1 1 220px; width:auto; min-width:0; }
body.hr-admin.hr-editor .hr-admin-openid > .layui-btn { flex:0 0 auto; }
body.hr-admin :is(.layui-word-aux,.company-help,.help-block) { overflow-wrap:anywhere; }
body.hr-admin .hr-workspace-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
body.hr-admin .hr-workspace-toolbar h1 { margin:0; color:var(--tt-heading); font-size:22px; font-weight:600; }
body.hr-admin .hr-image-field { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:0 16px; max-width:100%; min-height:80px; }
body.hr-admin .hr-image-field input { position:absolute; width:1px; height:1px !important; opacity:0; pointer-events:none; }
body.hr-admin .hr-image-preview { grid-column:1; grid-row:1 / span 2; position:relative; width:80px; height:80px; overflow:hidden; border:1px solid var(--tt-input-border); border-radius:8px; background:#f9f9f9; }
body.hr-admin .hr-image-preview img { display:block; width:100% !important; height:100%; margin:0; padding:0 !important; object-fit:contain; }
body.hr-admin .hr-image-actions { grid-column:2; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body.hr-admin .hr-image-actions .layui-btn { height:32px; min-height:32px; padding:0 11px; font-size:13px; }
body.hr-admin .hr-image-tip { grid-column:2; margin:6px 0 0; color:var(--tt-muted); font-size:12px; line-height:18px; }
body.hr-admin .hr-image-gallery { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
body.hr-admin .hr-image-gallery .hr-image-preview { width:108px; height:108px; }
body.hr-admin .hr-image-remove { position:absolute; top:6px; right:6px; display:grid; place-items:center; width:26px; height:26px; padding:0; color:#b85151; background:#fff; border:1px solid #e9cdcd; border-radius:6px; font-size:18px; line-height:24px; }
body.hr-admin .hr-dashboard-stats { margin:0 -15px; }
body.hr-admin .hr-dashboard-resources { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.hr-admin .hr-chart-panel { padding:24px; margin:22px 0; }
body.hr-admin .hr-chart-panel .td-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
body.hr-admin .hr-date-filter { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body.hr-admin .hr-date-filter .form-control { width:140px; }
body.hr-admin .hr-period-stats { display:flex; flex-wrap:wrap; gap:24px; margin:18px 0 24px; padding:14px 18px; color:var(--tt-muted); background:#f6f6f6; border-radius:8px; font-size:13px; }
body.hr-admin .hr-period-stats strong { margin-left:8px; color:var(--tt-heading); font-size:16px; font-weight:600; }
body.hr-admin .hr-recent-lists { margin:0 -10px; }
body.hr-admin .hr-recent-lists > section { padding:0 10px; }
body.hr-admin .hr-recent-lists .td-panel { padding:20px; }
body.hr-admin .hr-recent-lists .td-panel-head { margin-bottom:16px; }
body.hr-admin .hr-recent-lists td { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.hr-admin .hr-empty { padding:28px 12px !important; color:#929baa; text-align:center; }
body.tenant-login .hr-login-switch { margin-top:24px; font-size:13px; text-align:center; }
body.tenant-login .hr-login-switch a { color:#5f697a; }
body.tenant-login .login-alert { margin-bottom:20px; padding:12px 14px; border:1px solid #ecd5d5; border-radius:8px; color:#b85151; background:#fff7f7; font-size:14px; }
body.hr-admin .imgzu { width:108px; height:108px; margin:0 12px 12px 0; border-color:var(--tt-input-border); border-radius:8px; background:#f9f9f9; }
body.hr-admin .imgzu img { border-radius:8px; object-fit:contain; }
body.hr-admin .imgzu .deletea { top:6px; right:6px; display:grid; place-items:center; width:26px; height:26px; color:#b85151; background:#fff; border:1px solid #e9cdcd; border-radius:6px; font-size:12px; }
body#tabs.hr-shell #LAY_app .layui-header, body#tabs.hr-shell #LAY_app .layui-side, body#tabs.hr-shell #LAY_app .layadmin-pagetabs { display:none !important; }
body#tabs.hr-shell #LAY_app_body { position:fixed; top:72px !important; right:0; bottom:0; left:var(--tt-primary-w); width:auto; height:calc(var(--tt-scale-height,100vh) - 72px); margin:0 !important; background:var(--tt-canvas) !important; transition:left .18s ease; }
body#tabs.hr-shell.has-secondary #LAY_app_body { left:calc(var(--tt-primary-w) + var(--tt-secondary-w)); }
body#tabs.hr-shell #LAY_app_body > .layadmin-tabsbody-item { position:absolute; inset:0; }
body#tabs.hr-shell #LAY_app_body .layadmin-iframe { display:block; width:100%; height:100%; border:0; }
body#tabs.hr-shell .hr-account-menu { position:absolute; top:62px; right:24px; z-index:1100; min-width:180px; padding:8px; border:1px solid var(--tt-border); border-radius:8px; background:#fff; box-shadow:var(--tt-shadow); }
body#tabs.hr-shell .hr-account-menu[hidden] { display:none; }
body#tabs.hr-shell .hr-account-menu a { display:block; padding:9px 12px; color:var(--tt-text); border-radius:5px; }
body#tabs.hr-shell .hr-account-menu a:hover { background:var(--tt-hover); }
body#tabs.hr-shell .hr-account-toggle { display:flex; align-items:center; gap:9px; padding:8px; border:0; color:#2f333b; background:transparent; font:inherit; font-size:14px; }
body#tabs.hr-shell .hr-account-toggle .fa-user-circle { color:#c1c6ce; font-size:28px; }
body.hr-admin .layui-layer { font-family:var(--tt-font); }
body.hr-admin .layui-layer-btn a { box-sizing:content-box; }
/* Layui adds hui to text messages; keep the reference's white message surface readable. */
body.hr-admin .layui-layer-msg .layui-layer-content { color:var(--tt-heading); background:#fff; border-radius:8px; }
body.hr-admin .layui-card-header:has(> div[style*="float:"]) { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
body.hr-admin .layui-card-header > div[style*="float:"] { float:none !important; order:1; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-left:auto; }
body.hr-admin .layui-card-header > div[style*="float:"] > .layui-btn { margin:0 !important; }
body.hr-admin .layui-card-body > .layui-table-view:first-child { margin-top:0; }
body.hr-admin .layui-table-tool.hr-table-tool-compact { min-height:36px; padding:0; margin-bottom:16px; }
body.hr-admin .hr-table-tool-compact > .layui-table-tool-self { top:0; }
body.hr-admin .layui-table-tool.hr-table-utilities { position:relative; flex:0 0 auto; width:auto; min-height:32px; padding:0; margin:0 0 0 auto; background:transparent; }
body.hr-admin .hr-table-utilities > .layui-table-tool-temp { display:none; }
body.hr-admin .hr-table-utilities > .layui-table-tool-self { position:static; display:flex; align-items:center; gap:8px; white-space:normal; }
body.hr-admin .hr-table-utilities .layui-table-tool-self > div { margin:0; }
body.hr-admin .layui-card-header:has(> .hr-table-utilities) { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
body.hr-admin .layui-card-header > .hr-table-utilities { order:2; }
body.hr-admin .hr-filter-row:has(> .hr-table-utilities) { margin-bottom:16px; }
body.hr-admin .layui-card-body:has(> .hr-filter-row > .hr-table-utilities) > .layui-table-view,
body.hr-admin .layui-card:has(> .layui-card-header .hr-table-utilities) > .layui-card-body > .layui-table-view { margin-top:0; }
body.hr-admin .hr-table-filters { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-right:110px; }
body.hr-admin .hr-table-filters > div { flex:0 1 140px; min-width:110px; }
body.hr-admin .hr-table-filters > .layui-btn { flex:0 0 auto; margin:0; }
body.hr-admin .hr-table-filters .layui-form-select .layui-input { height:36px !important; min-height:36px; }
body.hr-admin .hr-payment-summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body.hr-admin .hr-payment-summary > strong { margin-right:8px; font-size:16px; font-weight:600; }
body.hr-admin .hr-payment-summary .layui-badge { color:#455166 !important; background:#eef0f4 !important; }
body.hr-admin .hr-payment-summary .hr-payment-pending { color:#8b6a32 !important; background:#fbf7ee !important; border-color:#e9e0ce; }
@media(max-width:900px) {
 body#tabs.hr-shell #LAY_app_body,body#tabs.hr-shell.has-secondary #LAY_app_body { left:0; }
 body#tabs.hr-shell .tt-sidebar { transform:translateX(-100%); }
 body#tabs.hr-shell.hr-menu-open .tt-sidebar { visibility:visible; transform:none; }
 body#tabs.hr-shell .tt-secondary { left:var(--tt-primary-w); transform:translateX(-400%); }
 body#tabs.hr-shell.hr-menu-open .tt-secondary:not([hidden]) { visibility:visible; transform:none; }
 body.hr-admin > :is(.fluid,.layui-fluid,.content) { padding:20px 18px !important; }
 body.hr-admin.hr-editor form.hr-editor-grid { grid-template-columns:minmax(0,1fr); }
 body.hr-admin .hr-chart-panel .td-panel-head { flex-direction:column; }
 body.hr-admin .hr-dashboard-resources { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { body.hr-admin *,body.hr-admin *::before,body.hr-admin *::after { transition:none !important; animation:none !important; } }

/* Layui rows use the same reference action buttons. */
:is(body.inside-aside, body.inside-header) .layui-table :is(.btn-editone,.btn-delone,.btn-dragsort) { width:32px; min-width:32px; height:32px; min-height:32px; padding:0; border-radius:50%; box-shadow:none; gap:0; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-dragsort { color:#656f81; border-color:var(--tt-input-border); background:#fff; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-dragsort:is(:hover,:focus) { color:#193566; border-color:#a0abbd; background:#f1f3f7; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-comment { min-width:58px; height:32px; min-height:32px; padding:0 10px; border-color:var(--tt-input-border); background:#f8f9fb; color:#576171; font-size:12px; line-height:30px; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-comment:is(:hover,:focus) { border-color:#a0abbd; background:#eef0f5; color:#193566; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-editone { color:#1e407a; border-color:#c0c9d9; background:#f1f3f7; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-editone:is(:hover,:focus) { color:#193566; border-color:#1e407a; background:#e3e8f0; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-delone { color:#c44848; border-color:#ebcccc; background:#fff5f4; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-delone:is(:hover,:focus) { color:#ae3838; border-color:#d48686; background:#fce9e7; }
:is(body.inside-aside, body.inside-header) .layui-table :is(.btn-editone,.btn-delone) > .fa { width:14px; height:14px; margin:0; }
:is(body.inside-aside, body.inside-header) .layui-table :is(.btn-editone,.btn-delone) > .fa::before { content:""; display:block; width:14px; height:14px; background:currentColor; -webkit-mask:var(--tt-action-icon) center/contain no-repeat; mask:var(--tt-action-icon) center/contain no-repeat; }
:is(body.inside-aside, body.inside-header) .layui-table .btn-editone { --tt-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 4 5 5M4 20l5-1L20 8a3.5 3.5 0 0 0-5-5L4 14v6Z'/%3E%3C/svg%3E"); }
:is(body.inside-aside, body.inside-header) .layui-table .btn-delone { --tt-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M5 6l1 15h12l1-15M9 6V3h6v3m-5 4v7m4-7v7'/%3E%3C/svg%3E"); }
body.hr-admin .hr-row-actions { display:inline-flex; align-items:center; gap:6px; }
body.hr-admin .hr-row-actions > * { flex:0 0 auto; }
body.hr-admin .hr-row-more { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; min-height:32px; padding:0; border-radius:50%; }

/* Keep surfaces rounded even when Layui paints their header and footer separately. */
body.hr-admin .layui-card > .layui-card-body:last-child { border-radius:0 0 11px 11px; }
body.hr-admin .layui-table-header { border-radius:8px 8px 0 0; }
body.hr-admin .layui-table-header th:first-child { border-top-left-radius:8px; }
body.hr-admin .layui-table-header th:last-child { border-top-right-radius:8px; }
body.hr-admin .layui-table-tool-self > div { width:32px; height:32px; border:1px solid var(--tt-input-border); border-radius:6px; color:#626c7d; background:#fff; line-height:30px; }
body.hr-admin .layui-table-tool-self > div:hover { color:var(--tt-primary); border-color:#a0abbd; background:var(--tt-hover); }
.layui-layer.tt-form-drawer { top:12px !important; right:12px !important; height:calc(100vh - 24px) !important; height:calc(100dvh - 24px) !important; max-width:calc(100vw - 24px); overflow:hidden; border-radius:14px !important; }
.layui-layer.tt-form-drawer .layui-layer-title { border-radius:14px 14px 0 0; }
.layui-layer.tt-form-drawer .layui-layer-footer { border-radius:0 0 14px 14px; }
.layui-layer.tt-material-dialog { border-radius:16px !important; overflow:hidden; box-shadow:0 18px 50px rgba(15,28,29,.22); }
.layui-layer.tt-material-dialog .layui-layer-title { height:42px; padding:0 46px 0 20px; border-radius:16px 16px 0 0; border-bottom:1px solid #f0f0f0; background:#fff; color:#2f333b; font-size:15px; font-weight:600; line-height:42px; }
.layui-layer.tt-material-dialog .layui-layer-setwin { top:11px; }
.layui-layer.tt-material-dialog .layui-layer-content { background:#fff; }
.layui-layer.tt-material-dialog .layui-layer-resize { display:none; }
.layui-layer.tt-material-drawer { border-radius:14px !important; overflow:hidden; }
.layui-layer.tt-material-drawer .layui-layer-title { height:48px; padding:0 46px 0 18px; border-radius:14px 14px 0 0; border-bottom:1px solid #f0f0f0; background:#fff; color:#2f333b; font-size:15px; font-weight:600; line-height:48px; }
.layui-layer.tt-material-drawer .layui-layer-setwin { top:14px; }
.layui-layer.tt-material-drawer .layui-layer-content { background:#fff; }

/* Shared list controls: search, business actions, then table utilities. */
body.hr-admin .hr-list-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:100%; min-height:36px; margin:0 0 16px !important; padding:0; border:0; border-radius:0; background:transparent; float:none !important; }
body.hr-admin .hr-list-toolbar::before,
body.hr-admin .hr-list-toolbar::after { display:none; }
body.hr-admin .hr-list-toolbar > :is(div,form),
body.hr-admin .hr-list-toolbar :is(.layui-input-inline,.layui-inline,.layui-btn-container,.hr-list-actions,.hr-table-filters,.category-toolbar) { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; margin:0 !important; padding:0; float:none; }
body.hr-admin .hr-list-toolbar .hr-search-fields { order:-1; }
body.hr-admin .hr-list-toolbar > :is(.layui-col-md6,.layui-col-md12),
body.hr-admin .hr-list-toolbar .layui-form { gap:8px; }
body.hr-admin .hr-list-toolbar .hr-list-actions { flex-direction:row; }
body.hr-admin .hr-list-toolbar :is(.layui-btn,.btn) { height:36px; min-height:36px; margin:0 !important; padding:6px 13px; border-radius:6px; font-size:14px; line-height:22px; float:none !important; }
body.hr-admin .hr-list-toolbar :is(.layui-input,.form-control,.layui-select),
body.hr-admin .hr-list-toolbar .layui-form-select .layui-input { height:36px !important; min-height:36px; border-radius:6px; }
body.hr-admin .hr-list-toolbar .layui-form-select { width:100%; }
body.hr-admin .hr-list-toolbar .layui-form-select dl { top:42px; }
body.hr-admin .hr-list-toolbar .hr-table-filters { padding-right:0; }
body.hr-admin .hr-list-toolbar .hr-table-filters > div { flex:0 1 140px; }
body.hr-admin .hr-list-toolbar > .btn-refresh { margin-left:auto !important; }
body.hr-admin .hr-list-toolbar .category-toolbar { flex:1 1 auto; }
body.hr-admin .hr-list-toolbar .category-toolbar > .btn-refresh { margin-left:auto !important; }
body.hr-admin .category-filters.hr-list-toolbar { align-items:flex-end; }
body.hr-admin .layui-table-tool.hr-table-utilities { display:flex; align-items:center; gap:8px; min-height:36px; margin:0 0 0 auto !important; }
body.hr-admin .hr-table-utilities.hr-table-custom { flex:1 1 auto; flex-wrap:wrap; min-width:0; }
body.hr-admin .hr-table-custom > .layui-table-tool-temp { display:flex; flex:1 1 auto; flex-wrap:wrap; align-items:center; gap:8px; padding:0; }
body.hr-admin .hr-table-custom > .layui-table-tool-self { margin-left:auto; }
body.hr-admin .hr-list-toolbar .layui-table-tool-self > div,
body.hr-admin .layui-table-tool-self > div { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; min-height:36px; padding:0; margin:0; line-height:34px; }
body.hr-admin .layui-card-body > .hr-list-toolbar ~ .layui-table-view { margin-top:0; }

/* 全局审核按钮与列表操作按钮 */
body.hr-admin .hr-audit-btn { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:64px; height:28px; padding:0 8px; border-radius:6px; font-size:12px; line-height:1; cursor:pointer; user-select:none; border:1px solid transparent; transition:background .18s ease,border-color .18s ease,color .18s ease; vertical-align:middle; }
body.hr-admin .hr-audit-btn.is-pass { color:#173973; background:#ebeff7; border-color:#c2cee3; }
body.hr-admin .hr-audit-btn.is-pass:hover { background:#dae2f0; border-color:#94aad0; }
body.hr-admin .hr-audit-btn.is-wait { color:#a86b00; background:#fff7e6; border-color:#ffe0a6; }
body.hr-admin .hr-audit-btn.is-wait:hover { background:#fff0d1; border-color:#f5c76a; }
body.hr-admin .hr-audit-btn.is-reject { color:#b23c3c; background:#fdeeee; border-color:#f3cccc; }
body.hr-admin .hr-audit-btn.is-reject:hover { background:#fbe0e0; border-color:#e8a8a8; }
body.hr-admin .hr-seen-tag { display:inline-block; margin-left:6px; font-size:11px; color:#9aa4a6; vertical-align:middle; }
/* 列表操作：图标按钮统一为文字按钮 */
body.hr-admin :is(.hr-row-actions,.content-actions) { display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:6px; }
body.hr-admin :is(.hr-row-actions,.content-actions) :is(.btn-editone,.btn-delone,.hr-row-more),
body.hr-admin .layui-table :is(.btn-editone,.btn-delone,.hr-row-more) { box-sizing:border-box !important; display:inline-flex !important; align-items:center; justify-content:center; gap:4px; width:auto !important; min-width:48px; height:28px !important; min-height:28px !important; padding:0 8px !important; margin:0 !important; flex:0 0 auto; border-radius:6px !important; font-size:12px !important; font-weight:400; line-height:1 !important; text-decoration:none !important; box-shadow:none !important; vertical-align:middle; white-space:nowrap; }
body.hr-admin :is(.hr-row-actions,.content-actions) :is(.btn-editone,.btn-delone,.hr-row-more) > .fa,
body.hr-admin .layui-table :is(.btn-editone,.btn-delone,.hr-row-more) > .fa { display:none !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .btn-editone,
body.hr-admin .layui-table .btn-editone { color:#1b3a71 !important; border:1px solid #d1d8e4 !important; background:#f4f6fa !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .btn-editone:hover,
body.hr-admin .layui-table .btn-editone:hover { background:#e6ebf4 !important; border-color:#adbbd4 !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .btn-editone::after,
body.hr-admin .layui-table .btn-editone::after { content:"编辑"; }
body.hr-admin :is(.hr-row-actions,.content-actions) .btn-delone,
body.hr-admin .layui-table .btn-delone { color:#c44848 !important; border:1px solid #f0d3d3 !important; background:#fff7f6 !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .btn-delone:hover,
body.hr-admin .layui-table .btn-delone:hover { background:#fdeceb !important; border-color:#e5b3b3 !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .btn-delone::after,
body.hr-admin .layui-table .btn-delone::after { content:"删除"; }
body.hr-admin :is(.hr-row-actions,.content-actions) .hr-row-more,
body.hr-admin .layui-table .hr-row-more { color:#5a6b6c !important; border:1px solid #e4e9e9 !important; background:#f8fafa !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .hr-row-more:hover,
body.hr-admin .layui-table .hr-row-more:hover { background:#eff4f4 !important; border-color:#cfd9d9 !important; }
body.hr-admin :is(.hr-row-actions,.content-actions) .hr-row-more::after,
body.hr-admin .layui-table .hr-row-more::after { content:"更多"; }

/* 推荐按钮：与审核/操作按钮统一尺寸 */
body.hr-admin .hr-rec-btn { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:48px; height:28px; padding:0 8px; border-radius:6px; border:1px solid #d1d8e4; background:#f4f6fa; color:#1b3a71; font-size:13px; line-height:1; cursor:pointer; user-select:none; transition:background .18s ease,border-color .18s ease,color .18s ease; }
body.hr-admin .hr-rec-btn:hover { background:#e6ebf4; border-color:#adbbd4; }
body.hr-admin .hr-rec-btn.is-on { background:#ebeff7; border-color:#c2cee3; color:#173973; }
/* 表格内其它小按钮统一高度/圆角 */
body.hr-admin .layui-table .layui-btn.layui-btn-sm { box-sizing:border-box !important; height:28px !important; min-height:28px !important; padding:0 8px !important; border-radius:6px !important; font-size:12px !important; line-height:26px !important; box-shadow:none !important; }

/* 通用文字操作按钮（非 Layui 表格） */
body.hr-admin .hr-act-btn {
    align-items: center;
    border: 1px solid #e4e9e9;
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    line-height: 1;
    padding: 0 8px;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
    white-space: nowrap;
}
body.hr-admin .hr-act-btn.is-edit {
    background: #f4f6fa;
    border-color: #d1d8e4;
    color: #1b3a71;
}
body.hr-admin .hr-act-btn.is-edit:hover {
    background: #e6ebf4;
    border-color: #adbbd4;
}
body.hr-admin .hr-act-btn.is-del {
    background: #fdf7f5;
    border-color: #f0d9d3;
    color: #b85c4a;
}
body.hr-admin .hr-act-btn.is-del:hover {
    background: #fbeeea;
    border-color: #e7c2b9;
}
