.leave-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:20px 0}.leave-filters .field{margin:0;min-width:140px;flex:1}.leave-filters .field:first-child{flex:0 1 120px;min-width:100px}.leave-balance{font-weight:700;color:#257663;background:#eaf5ef;border-radius:8px;padding:6px 12px;white-space:nowrap}.leave-allowance{border:1px solid #e5ded1;border-radius:12px;padding:16px;margin:16px 0;background:#fcfaf7}.leave-allowance legend{font-weight:600;color:#826343;padding:0 6px}#leaveDialog textarea{font:inherit;width:100%;border:1px solid #d9dfeb;border-radius:8px;padding:10px;resize:vertical}#view-leaves h3{margin-top:26px}.attendance-filters label,.attendance-panel .toolbar label{font-size:12px;display:flex;flex-direction:column;gap:5px}.attendance-panel .toolbar{flex-wrap:wrap;align-items:end}.shift-mobile-head{text-align:left;margin:22px 0 12px}.shift-mobile-head h2{font-size:20px;margin-bottom:12px}.shift-mobile-head input{display:block;width:100%;padding:10px;border-radius:9px;border:1px solid #d9dfeb;margin-top:6px;font:inherit}.shift-mobile-nav{display:flex;gap:6px}.shift-mobile-nav .btn{flex:1;padding:9px 4px;font-size:12px}.my-shift-day{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;border:1px solid #e8e5dd;border-radius:12px;padding:14px;margin:9px 0;background:#fff}.my-shift-day>div{display:grid;gap:5px}.my-shift-day strong{font-size:13px}.my-shift-day span,.my-shift-day small{font-size:12px;color:#6d7782}.my-shift-day>b{font-size:13px;white-space:nowrap}.my-shift-day.is-today{border-color:#b28b59;box-shadow:0 0 0 1px #b28b5925;background:#fcf9f3}.my-shift-day.is-leave{border-left:4px solid #33806a}.my-shift-day .badge{width:fit-content}#myShifts[hidden]{display:none}#view-leaves .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:600px){#view-leaves .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-filters{gap:10px}.leave-filters>.btn{flex:1}.attendance-panel .toolbar label{flex:1;min-width:140px}.attendance-panel .toolbar input,.attendance-panel .toolbar select{width:100%}}