.s77-tabs{display:flex;gap:8px;overflow-x:auto;margin:18px 0}.s77-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.s77-filters label{flex:1;min-width:140px}.s77-summary{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:20px 0}.s77-summary strong{font-size:24px;color:#18354d;margin-right:5px}.s77-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.s77-day>h3{position:sticky;top:0;background:#e8f2f4;padding:12px;border-radius:10px;z-index:1}.s77-job{background:white;border:1px solid #d9e5e9;border-radius:14px;padding:18px;margin-bottom:12px;overflow-wrap:anywhere}.s77-job h3{margin:12px 0 6px}.s77-job p{margin:8px 0}.s77-job details{margin:14px 0}.s77-job .form-actions{justify-content:flex-start;margin-top:14px;gap:8px}.s77-warning{display:block;color:#865810;background:#fff3d8;padding:6px 9px;border-radius:6px;margin:6px 0;font-size:14px}.s77-warning:empty{display:none}.s77-table{overflow:auto;background:white;border:1px solid #d9e5e9;border-radius:12px}.s77-table table{width:100%;min-width:660px}.s77-table td{vertical-align:top}.s77-people{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.s77-leave{border-bottom:1px solid #d9e5e9;padding:12px 0}#staff77 .section-head{flex-wrap:wrap;gap:12px}@media(max-width:600px){.s77-calendar{grid-template-columns:1fr}.s77-filters label{min-width:42%;max-width:100%}.s77-summary{gap:12px}.s77-summary span{font-size:13px}.s77-summary strong{font-size:20px}.s77-tabs .btn{white-space:nowrap;padding:10px 14px}#staff77>.section-head .form-actions{margin:0}.s77-job .btn{padding:10px 12px}.s77-table{max-width:100%}}
@media(max-width:600px){
 #staff77>.section-head .form-actions{display:flex;width:100%;gap:8px}
 #staff77>.section-head .form-actions .btn{flex:1;width:auto}
 .s77-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .s77-tabs .btn{width:100%}
 .s77-filters label{min-width:0;flex:1 1 42%}
 .s77-filters input,.s77-filters select{width:100%;min-width:0}
}