#modal:is(.leave-dialog,.calendar-form){width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow-x:hidden}
#modal:is(.leave-dialog,.calendar-form) form,#modal:is(.leave-dialog,.calendar-form) label{min-width:0;max-width:100%;box-sizing:border-box}
#modal:is(.leave-dialog,.calendar-form) .dialoghead button{background:#f2f4f4;color:#283b42;border:1px solid #dce2e4;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
#modal:is(.leave-dialog,.calendar-form) .formfoot>button[type=button]{background:#b73c32!important;color:#fff!important;border-color:#b73c32!important}
.leave-date-summary,.leave-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;min-width:0}
.leave-date-summary button{min-width:0!important;width:100%;padding:10px 4px!important;font-size:13px!important}
.leave-date-summary button[aria-pressed=true]{outline:2px solid #22667a;outline-offset:-2px}
#modal:is(.leave-dialog,.calendar-form) .leave-time-fields input{appearance:none;-webkit-appearance:none;display:block;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box;padding:8px!important;font-size:16px;height:44px}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-title{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;margin:12px 0}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-title h2{font-size:16px;text-align:center;margin:0}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-title button{width:40px!important;min-width:0!important;min-height:40px;padding:0!important;font-size:24px}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0}
#modal:is(.leave-dialog,.calendar-form) .sales-weekday{text-align:center;color:#69757a;padding:4px 0}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-day{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0!important;width:100%!important;height:40px;min-height:40px!important;padding:2px!important;margin:0!important;line-height:1;font-size:14px;background:#f4f5f4!important;color:#283b42!important;border:1px solid transparent!important;border-radius:8px}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-day.has-sales{background:#e9e1f7!important;color:#644394!important;border-color:#d3c0ec!important}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-day small{font-size:10px;font-weight:700}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-day[aria-pressed=true]{outline:2px solid #22667a;outline-offset:-2px}
#modal:is(.leave-dialog,.calendar-form) .sales-calendar-day:disabled{opacity:.3}
.leave-compact-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.leave-compact-pager button{width:100%;min-width:0}.leave-compact-pager small{grid-column:1/-1;text-align:center}
#modal.calendar-form .two:has(.shared-date-calendar:not([hidden])){grid-template-columns:minmax(0,1fr)!important}