.szm-absence-mobile-balance{display:none}
@media(max-width:700px){
 #szm-brand-typography .staff-app .staff-leave-workspace .staff-page-heading h1{padding-left:36px;font-size:25px;line-height:1.25}
 #szm-brand-typography .staff-app .staff-leave-workspace .staff-page-heading .staff-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 #szm-brand-typography .staff-app .staff-leave-workspace .staff-page-heading .staff-card-actions button{min-width:0;min-height:44px;padding:9px 8px;font-size:14px;white-space:normal;justify-content:center}
 #szm-brand-typography .staff-app .staff-leave-workspace .staff-page-heading .staff-card-actions button:last-child{grid-column:1/-1}
 #szm-brand-typography .staff-app .staff-leave-workspace .szm-leave-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
 #szm-brand-typography .staff-app .staff-leave-workspace .szm-leave-tabs button{min-height:44px;min-width:0;width:auto;padding:9px 7px;font-size:13px;white-space:normal}
 .szm-absence-calendar{margin-top:12px;border-radius:10px}
 .szm-absence-views{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 6px 0}
 #szm-brand-typography .staff-app .szm-absence-views button{min-width:0;min-height:44px;padding:9px 4px;font-size:13px;white-space:normal}
 .szm-absence-navigation{display:grid;grid-template-columns:40px minmax(0,1fr) 76px 40px;gap:7px;padding:10px;align-items:end}
 .szm-absence-navigation label,.szm-absence-navigation label:has(input){width:auto;min-width:0}
 .szm-absence-navigation label:has(select){grid-column:2;grid-row:1}
 .szm-absence-navigation label:has(input){grid-column:3;grid-row:1}
 #szm-brand-typography .staff-app .szm-absence-navigation :is(input,select){min-height:44px;font-size:16px;padding:7px 5px}
 #szm-brand-typography .staff-app .szm-absence-navigation>button{min-height:44px;min-width:0;padding:7px 5px;font-size:15px}
 .szm-absence-navigation>button:nth-of-type(1){grid-column:1;grid-row:1}
 .szm-absence-navigation>button:nth-of-type(2){grid-column:4;grid-row:1}
 .szm-absence-navigation>button:nth-of-type(3){grid-column:1/3;grid-row:2;justify-self:start}
 .szm-absence-period{grid-column:3/5;grid-row:2;width:auto;text-align:right;align-self:center;font-size:13px;line-height:1.3;padding:0}
 .szm-absence-calendar:has(.is-year) .szm-absence-navigation label:has(input){grid-column:2/4}
 #szm-brand-typography .staff-app .szm-absence-table .szm-absence-person{width:130px;min-width:130px;max-width:130px;padding:6px 8px!important;font-size:12px;line-height:1.25}
 .szm-absence-table tbody .szm-absence-person>span:last-child{display:block;max-width:none}
 .szm-absence-avatar{display:none}
 .szm-absence-table .szm-absence-balance{display:none}
 .szm-absence-mobile-balance{display:block;font-size:10px;font-weight:400;color:#607184;line-height:1.3;margin-top:4px}
 .szm-absence-table-scroll{max-height:65vh;overscroll-behavior-x:contain}
 .szm-absence-legend{gap:8px 12px;padding:10px;font-size:11px}
 .szm-absence-help{padding:0 10px 10px;font-size:11px}
}
@media(max-width:360px){
 .szm-absence-navigation{grid-template-columns:36px minmax(0,1fr) 70px 36px;gap:5px}
 #szm-brand-typography .staff-app .staff-leave-workspace .szm-leave-tabs button{font-size:12px;padding:8px 4px}
 #szm-brand-typography .staff-app .szm-absence-table .szm-absence-person{width:114px;min-width:114px;max-width:114px}
 #szm-brand-typography .staff-app .staff-leave-workspace .staff-page-heading h1{font-size:23px}
}