.department-management .department-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; }
.department-management .department-filters label { display:flex; flex-direction:column; gap:8px; min-width:0; }
.department-management .department-filters input,.department-management .department-filters select,.department-management .department-pagination select { border:1px solid var(--border,#d9dfe7); background:var(--surface,#fff); color:inherit; border-radius:5px; padding:9px 12px; font:inherit; min-width:0; max-width:100%; }
.department-management .department-filter-actions { display:flex; gap:10px; }
.department-management .department-more-filters { width:100%; color:var(--muted,#778396); font-size:13px; }
.department-management .department-more-filters summary { cursor:pointer; width:fit-content; }
.department-management .department-date-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:16px; padding-top:14px; }
.department-management .department-date-filters .department-check { flex-direction:row; align-items:center; padding-bottom:9px; }
.department-management .department-disabled { display:inline-block; font-size:11px; color:var(--muted,#778396); margin-left:6px; }
.department-management .department-selection { display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding:12px 14px; background:var(--surface-alt,#f5f8fb); border:1px solid var(--border,#e6eaf0); border-radius:6px; margin-bottom:14px; }
.department-management .department-selection > span { font-size:12px; color:var(--muted,#778396); }
.department-management .department-table-scroll { width:100%; overflow:auto; }
.department-management .department-table { width:100%; border-collapse:collapse; min-width:810px; font-size:14px; }
.department-management .department-table th { color:var(--muted,#64748b); background:var(--surface-alt,#f5f7fa); font-weight:500; text-align:left; }
.department-management .department-table th,.department-management .department-table td { padding:15px 16px; border:0; border-bottom:1px solid var(--border,#e6eaf0); white-space:nowrap; }
.department-management .department-table td:first-child { white-space:normal; overflow-wrap:anywhere; min-width:140px; max-width:260px; }
.department-management .department-table .table-actions { display:table-cell; }
.department-management .table-actions button { border:0; background:transparent; color:var(--primary,#1677ff); cursor:pointer; font:inherit; padding:0; margin-right:14px; }
.department-management .department-table .department-empty { height:180px; text-align:center; color:var(--muted,#778396); }
.department-management .department-pagination { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; padding-top:20px; font-size:13px; }
.department-management .department-notice { padding:10px 12px; background:var(--surface-alt,#f5f8fb); border-radius:5px; font-size:13px; }
.department-management .department-error,.department-record-modal .department-error { color:#b42318; background:#fff1f0; border:1px solid #f5c2bc; padding:10px 12px; border-radius:5px; margin-bottom:12px; overflow-wrap:anywhere; }
.department-management .department-error p,.department-record-modal .department-error p { margin:4px 0; font-size:13px; }
.department-record-modal .department-form-hint { color:var(--muted,#778396); font-size:13px; line-height:1.6; align-self:end; margin:0; }
.department-management button:focus-visible,.department-record-modal button:focus-visible { outline:2px solid var(--primary,#1677ff); outline-offset:2px; }
@media(max-width:700px) {
 .department-management .department-filters > label { flex:1 1 140px; }
 .department-management .department-date-filters > label { width:100%; }
 .department-management .department-pagination { justify-content:flex-start; gap:8px; }
}