.staff-ot-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.staff-ot-tabs .active{background:var(--gold,#dc9c13);border-color:var(--gold,#dc9c13);color:var(--navy,#101c38)}.staff-ot .staff-ot-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:20px 0}.staff-ot-toolbar .field{flex:1;min-width:160px}.staff-ot-toolbar input,.staff-ot-toolbar select{width:100%}.staff-ot h2,.staff-ot h3,.staff-ot strong{overflow-wrap:anywhere}.staff-ot .staff-ot-help,.staff-ot .muted{font-size:.9rem;line-height:1.6;color:var(--muted,#62708a)}.staff-ot-rules{border:1px solid var(--border,#ddd5c9);border-radius:14px;padding:18px;background:#fcfaf4;margin:18px 0}.staff-ot-rules>summary,.staff-ot-rule-history>summary,.staff-ot-adjustment>summary,.staff-ot-day-details>summary{cursor:pointer;font-weight:700;padding:4px 0;line-height:1.55}.staff-ot-rule-history{margin-top:18px}.staff-ot-rule-history li{padding:5px 0;font-size:.9rem;line-height:1.6}.staff-ot .notice.danger{border-left:4px solid #b42318;background:#fff0ee;color:#912018;padding:14px;margin-top:14px}.staff-ot-staff-picker{margin:24px 0 14px}.staff-ot-bulk{padding:18px;border:1px solid var(--border,#ddd5c9);border-radius:14px;margin-bottom:18px}.staff-ot-bulk-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}.staff-ot-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.staff-ot-calendar-day{border:1px solid var(--border,#ddd5c9);border-radius:10px;min-width:0;padding:10px}.staff-ot-calendar-day.weekend{background:#f7f5ef}.staff-ot-calendar-day strong{display:flex;justify-content:space-between;gap:4px;align-items:center;margin-bottom:10px}.staff-ot-calendar-day small{font-size:.65rem;font-weight:500}.staff-ot-calendar-day label{display:flex;align-items:center;gap:5px;font-size:.8rem;line-height:1.6;margin-top:5px}.staff-ot input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:#182d55}.staff-ot-notice{margin:16px 0}.staff-ot-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:12px;padding:18px 22px;margin:22px 0;background:var(--navy,#132644);color:white}.staff-ot-summary strong{font-size:1.5rem}.staff-ot-results{display:grid;gap:16px}.staff-ot-result{border:1px solid var(--border,#ddd5c9);border-radius:14px;padding:20px}.staff-ot-result-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.staff-ot-result-heading>div{flex:1;min-width:160px}.staff-ot-result-heading>div strong,.staff-ot-result-heading>div small{display:block}.staff-ot-result-heading>div small{color:var(--muted,#62708a);margin-top:4px}.staff-ot-result-heading>strong{font-size:1.2rem}.staff-ot-days{width:100%;margin:12px 0}.staff-ot-days th,.staff-ot-days td{padding:10px;line-height:1.5}.staff-ot-days td small{display:block;color:var(--muted,#62708a);font-size:.8rem}.staff-ot-attention{color:#9a5600;font-size:.9rem;line-height:1.5}.staff-ot-adjustment{margin:16px 0}.staff-ot-adjustment .form-grid{margin-top:10px}.staff-ot-confirm-check{margin:15px 0;line-height:1.6}.staff-ot-adjustment-summary{border-top:1px solid var(--border,#ddd5c9);padding-top:12px;font-size:.9rem}.staff-ot-managed{background:#faf6e8;border:1px solid #ebd9ab;border-radius:10px;padding:10px}.staff-ot-managed .pay-item-label,.staff-ot-managed .pay-item-amount{background:#f8f5ec}.staff-ot-managed small{font-size:.8rem;color:#647087}.staff-ot-schedule-link{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #ebd9ab;background:#faf6e8;border-radius:12px;padding:16px;margin-top:20px}.staff-ot-schedule-link p{margin:5px 0 0;font-size:.9rem;color:#647087;line-height:1.5}.staff-ot-schedule-link>div{flex:1;min-width:180px}@media(max-width:700px){.staff-ot-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-ot-calendar-day small{font-size:.72rem}.staff-ot-toolbar .field{flex-basis:calc(50% - 14px);min-width:125px}.staff-ot-toolbar>.btn{width:100%}.staff-ot .form-grid{grid-template-columns:1fr}.staff-ot-result{padding:14px}.staff-ot-result-heading>div{flex-basis:100%}.staff-ot .staff-ot-days{min-width:580px}.staff-ot-summary{padding:16px}.staff-ot-rules,.staff-ot-bulk{padding:14px}.staff-ot .weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-ot-bulk-actions{gap:12px}.staff-ot-bulk-actions button{width:100%}}
.modal.staff-ot{width:min(940px,100%)}.staff-ot .field{min-width:0}.staff-ot .field input,.staff-ot .field select,.staff-ot .field textarea{min-width:0;max-width:100%;width:100%}@media(max-width:700px){.modal.staff-ot{padding:20px}.staff-ot-calendar-day{padding:8px}}
.staff-ot-results{grid-template-columns:minmax(0,1fr)}.staff-ot-result,.staff-ot-day-details{min-width:0}.staff-ot .table-wrap{max-width:100%;min-width:0;overflow-x:auto}
.modal.payslip-modal{width:min(940px,96vw)}.payslip-item-row.staff-ot-managed{grid-template-columns:minmax(0,1fr) minmax(0,160px)}.staff-ot-managed>div{min-width:0}.staff-ot-managed .pay-item-label{width:100%;min-width:0;padding:9px 11px;border:1px solid var(--line,#ddd5c9);border-radius:10px;color:var(--ink,#132644);font:inherit}.staff-ot-managed small{display:block;margin-top:6px;line-height:1.5}@media(max-width:700px){.staff-ot .staff-ot-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.staff-ot-toolbar .field{width:100%;min-width:0}.payslip-item-row.staff-ot-managed{grid-template-columns:minmax(0,1fr)}}