.employee-directory-filters select { min-width: 205px; }
.security-shift-field[hidden], .driver-license-fields[hidden] { display: none !important; }
.salary-stats { margin-bottom: 18px; }
.salary-list-panel { padding: 22px; margin-bottom: 28px; }
.salary-filters { margin: 18px 0 12px; align-items: stretch; }
.salary-filters select { min-width: 230px; height: 56px; min-height: 56px; border-radius: 11px; }
.salary-month-field { position: relative; min-width: 175px; height: 56px; display: block; color: var(--muted); font-size: 9px; font-weight: 700; }
.salary-month-field span { position: absolute; top: 6px; right: 13px; z-index: 1; line-height: 1; pointer-events: none; }
.salary-month-field input { width: 100%; height: 56px; min-height: 56px; padding: 19px 12px 5px; border-radius: 11px; font-weight: 700; }
.salary-filters > button { min-height: 56px; height: 56px; align-self: stretch; white-space: nowrap; }
.salary-filters .excel-export-btn { white-space: nowrap; }
.salary-status-note { margin: 0 0 14px; padding: 11px 14px; border: 1px solid #e4e0f8; border-radius: 12px; background: #faf9ff; color: #686f83; font-size: 12px; }
.salary-status-note b { color: #b34a4f; }
.salary-table { min-width: 1320px; }
.salary-table th, .salary-table td { white-space: nowrap; }
.salary-table td:nth-child(2), .salary-table td:nth-child(3) { white-space: normal; min-width: 180px; }
.salary-type-badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #eef6ff; color: #27639d; font-size: 10px; font-weight: 800; }
.salary-total-value { color: var(--primary); font-size: 14px; }
.salary-unconfigured { background: #fffafa; }
.salary-unconfigured td { color: #8a6c6e; }
.salary-settings-head { padding: 22px; margin-bottom: 16px; border: 1px solid #ded9ff; border-radius: 18px; background: linear-gradient(135deg, #f1eeff, #eef8ff); }
.salary-settings-head > div > span { color: var(--primary); font-size: 11px; font-weight: 800; }
.salary-settings-pickers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 17px; }
.salary-settings-pickers label, .salary-max-fields label, .salary-score-grid label, .salary-employee-fields label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 700; }
.salary-settings-placeholder { min-height: 230px; display: grid; place-content: center; gap: 7px; text-align: center; border: 1px dashed #d9d4f2; border-radius: 18px; color: var(--muted); background: #fcfbff; }
.salary-settings-placeholder b { color: #30374b; font-size: 16px; }
.salary-configuration-form { display: grid; gap: 16px; }
.salary-setting-hero { display: grid; grid-template-columns: .7fr 1.3fr; gap: 18px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.salary-setting-hero span { color: var(--primary); font-size: 10px; font-weight: 800; }
.salary-setting-hero h3 { margin: 4px 0 2px; font-size: 19px; }
.salary-setting-hero p { margin: 0; color: var(--muted); font-size: 11px; }
.salary-formula-note { display: grid; gap: 4px; padding: 13px 15px; border: 1px solid #d9e8f4; border-radius: 13px; background: #f5fbff; color: #596579; font-size: 11px; }
.salary-formula-note b { color: #27639d; }
.salary-max-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.salary-settings-section { padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.salary-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 14px; }
.salary-section-head h4 { margin: 0 0 3px; font-size: 15px; }
.salary-section-head p { margin: 0; color: var(--muted); font-size: 10.5px; }
.salary-section-head > strong { padding: 7px 12px; border-radius: 999px; background: #fff0f0; color: #b7474d; }
.salary-section-head > strong.valid { background: var(--green-soft); color: #168659; }
.salary-factor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.salary-factor-card { display: grid; grid-template-columns: 1fr 90px; gap: 7px 10px; align-items: center; padding: 13px; border: 1px solid #e8eaf1; border-radius: 13px; background: #fafbfe; }
.salary-factor-card > span { font-size: 12px; font-weight: 800; color: #30374b; }
.salary-factor-card > span input { width: auto; margin-left: 6px; }
.salary-factor-card small { grid-column: 2; color: var(--muted); text-align: center; }
.salary-score-grid { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 10px; }
.qualification-scores { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
.salary-score-grid label { padding: 10px; border: 1px solid #ececf2; border-radius: 11px; background: #fafbfe; }
.salary-score-grid label span { min-height: 28px; color: #4c5368; }
.salary-percentage-input { display: grid; grid-template-columns: 1fr 34px; align-items: stretch; direction: ltr; }
.salary-percentage-input input { border-radius: 8px 0 0 8px; text-align: center; font-weight: 800; }
.salary-percentage-input b { display: grid; place-items: center; border: 1px solid var(--line); border-left: 0; border-radius: 0 8px 8px 0; background: #f1efff; color: var(--primary); }
.security-shift-settings { border-color: #d8e7f5; background: #fbfdff; }
.salary-employee-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 20px 0; }
.salary-live-preview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin: 18px 0 8px; }
.salary-live-preview > div { display: grid; gap: 4px; padding: 14px; border: 1px solid #e7e8ef; border-radius: 13px; background: #fafbfe; }
.salary-live-preview span { color: var(--muted); font-size: 10px; }
.salary-live-preview strong { color: #30374b; font-size: 18px; }
.salary-live-preview .total { background: var(--primary-soft); border-color: #ddd7ff; }
.salary-live-preview .total strong { color: var(--primary); }
.salary-preview-note { margin: 0; color: var(--muted); font-size: 10.5px; }

@media (max-width: 900px) {
  .salary-settings-pickers, .salary-setting-hero, .salary-max-fields, .salary-factor-grid, .salary-employee-fields, .salary-live-preview { grid-template-columns: 1fr; }
  .salary-score-grid, .qualification-scores { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
  .salary-factor-card { grid-template-columns: 1fr 90px; }
}

@media (max-width: 560px) {
  .salary-score-grid, .qualification-scores { grid-template-columns: 1fr; }
}