.ab-schedule-field{display:block;position:relative;width:100%;min-width:0}
.ab-schedule-field input.ab-schedule-manual{display:block;width:100%;box-sizing:border-box;padding-right:48px!important;margin:0}
.ab-schedule-field .ab-schedule-native{position:absolute!important;inset:1px 1px 1px auto!important;width:42px!important;min-width:0!important;max-width:42px!important;height:calc(100% - 2px)!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer;z-index:2}
.ab-schedule-field .ab-schedule-native::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
.ab-schedule-field .ab-schedule-native::-webkit-datetime-edit{display:none}
.ab-schedule-field .ab-schedule-storage{width:1px!important;max-width:1px!important;height:1px!important;pointer-events:none;z-index:-1}
.ab-schedule-marker{position:absolute;right:1px;top:1px;bottom:1px;width:42px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--ab-color-line,#e5e0d9);color:var(--ab-color-gold,#bd9b65);font:22px/1 Arial,sans-serif;pointer-events:none;border-radius:0 6px 6px 0;background:transparent}
.ab-schedule-picker-focus .ab-schedule-marker{outline:2px solid var(--ab-color-gold,#bd9b65);outline-offset:-2px}
.ab-schedule-field:has(input:disabled) .ab-schedule-marker{opacity:.5}

/* Keep native controls inside the icon area in every browser. */
.ab-schedule-field{display:flex;align-items:stretch}
.ab-schedule-field input.ab-schedule-manual{flex:1 1 0;min-width:0;width:0;padding-right:12px!important}
.ab-schedule-field .ab-schedule-native{position:relative!important;inset:auto!important;flex:0 0 42px;height:auto!important;align-self:stretch}
.ab-schedule-field .ab-schedule-storage{position:absolute!important;flex:none;inset:auto 0 0 auto!important}
.ab-schedule-marker{border-color:var(--ab-color-line,#E8E3DC);color:var(--ab-color-gold,#C7AA74)}