.shift-panel{padding:24px}.shift-day{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.shift-day label,.shift-editor label{display:grid;gap:7px;font-weight:600;font-size:13px}.shift-day input,.shift-editor input,.shift-editor select{background:var(--paper,#fff);border:1px solid #d8e1da;border-radius:10px;padding:11px;color:#24483e;font:inherit;min-width:130px}.shift-day input[type=date],.shift-editor input[type=time]{direction:ltr}.shift-notice{background:#f2f5ed;border-radius:12px;padding:16px;font-size:13px;line-height:1.9;color:#526b5d}.shift-status{font-size:12px;color:#6d7c72;margin:14px 0}.shift-error{color:#a0392e!important}.shift-stats{grid-template-columns:repeat(4,1fr)}.shift-badges{display:flex;gap:6px;flex-direction:column;align-items:start}.shift-table small{display:block;margin-top:6px}.shift-editor{padding:22px;border:1px solid #b5c9ad;background:#f7f9f3;border-radius:16px;margin:20px 0}.shift-editor h3{margin-top:0}.shift-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shift-editor p{font-size:12px;line-height:1.8}.shift-form-actions{display:flex;gap:10px;margin-top:16px}.shift-history{border-top:1px solid #e4e8df;padding-top:20px;margin-top:24px}.shift-history summary{font-weight:600;cursor:pointer}.shift-history article{padding:16px 0;border-bottom:1px solid #e4e8df}.shift-history article strong,.shift-history article span,.shift-history article small{display:block}.shift-history article span,.shift-history article small{font-size:12px;margin-top:7px;color:#627365}.shift-history article p{margin:8px 0;font-size:13px}@media(max-width:750px){.shift-panel{padding:16px}.shift-fields{grid-template-columns:1fr 1fr}.shift-stats{grid-template-columns:1fr 1fr}.shift-day label{width:100%}.shift-table{min-width:760px}}@media(max-width:400px){.shift-fields{grid-template-columns:1fr}}

.shift-proposals{margin-top:24px;border-top:1px solid #e4e8df;padding-top:20px}.shift-proposals h3{font-size:15px}.shift-proposals article{padding:16px;border:1px solid #d8dfce;border-radius:12px;margin:12px 0;background:#fafbf6}.shift-proposals p,.shift-proposals small{font-size:12px;line-height:1.8}

.late-day{background:#fff0ef!important;color:#9c2924}.late-day>td{background:#fff0ef!important;border-bottom-color:#edbdb8}.late-day>td:first-child{border-inline-start:4px solid #c23b32}.late-day .badge.danger,.late-amount{color:#a52320!important;background:#ffe1de}.late-day-detail{border:1px solid #e9aaa3;border-inline-start:4px solid #c23b32;border-radius:8px;padding:10px;margin:10px 0}.late-day-detail span,.late-day-detail small{display:block;margin-top:5px}




.deduction-panel{margin:20px 0;padding:20px;background:#faf9f3;border:1px solid #d9dfd3;border-radius:18px}.deduction-panel header p,.deduction-panel small{color:#5c685e}.deduction-person{padding:16px 0;border-top:1px solid #d9dfd3}.deduction-person summary{cursor:pointer;line-height:1.8}.deduction-day{padding:18px;margin:12px 0;border:1px solid #e4d9c8;border-radius:12px;background:#fff}.deduction-day .badge{margin:8px}.deduction-review label{display:grid;gap:6px;margin:14px 0}.deduction-review input{padding:10px;border:1px solid #ccd4c5;border-radius:8px;font:inherit}.deduction-day p{line-height:1.8}.deduction-review [role=status]{color:#943c32}
.payroll-agreement{margin:16px 0;padding:18px;background:#fff;border:1px solid #d9dfd3;border-radius:12px;min-width:0}.payroll-agreement p{line-height:1.8}.payroll-agreement h3{margin:0 0 12px}.payroll-agreement details{margin-top:14px}.payroll-agreement summary{cursor:pointer;line-height:1.8}.payroll-agreement .attendance-table{font-size:14px}