/* 薪资档案模块新增样式(其余复用 style.css 的 .tbl/.filterbar/.badge/.btn 等) */

/* 工资单编辑器永远压在定薪详情弹窗之上(从员工档案里点开单据时的层叠) */
#slip-modal { z-index: 60; }

.subtabs { display: flex; gap: 8px; margin-bottom: 10px; }
.subtab { border: 1px solid #d1d5db; background: #fff; color: #374151;
          border-radius: 8px; padding: 6px 14px; cursor: pointer; font-size: 13px; }
.subtab.active { background: #1f6feb; border-color: #1f6feb; color: #fff; }

/* 工资单编辑器: 明细行内输入 */
.slip-days { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin: 6px 0 10px; }
.slip-days label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #374151; }
.slip-days input { width: 72px; }
.slip-itemrow { display: flex; gap: 6px; margin-bottom: 6px; align-items: center; }
.slip-itemrow input.si-item { flex: 1 1 150px; min-width: 110px; }
.slip-itemrow input.si-amt { width: 110px; text-align: right; }
.slip-itemrow input.si-note { flex: 1 1 180px; min-width: 120px; }
.slip-itemrow .btn { flex: 0 0 auto; }
.slip-tot { display: flex; gap: 18px; margin: 10px 0; padding: 8px 12px; background: #f3f4f6;
            border-radius: 8px; font-size: 13px; }
.slip-tot b { font-size: 15px; }
.slip-tot .net { color: #047857; }
.slip-lockbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 8px; }
.slip-lockbar input[type="date"] { width: 150px; }
.hint2 { font-size: 12px; color: #6b7280; line-height: 1.6; }

/* 定薪详情 */
.sal-cur { margin: 6px 0 10px; padding: 8px 12px; background: #f0fdf4; border: 1px solid #bbf7d0;
           border-radius: 8px; font-size: 13px; }
.sal-addrow { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; align-items: center; }
.sal-addrow select, .sal-addrow input[type="date"] { width: auto; }
.sal-addrow input.sa-amt { width: 100px; text-align: right; }
.sal-addrow input.sa-note { flex: 1 1 140px; min-width: 100px; }