/* Same two header dates and ISO inputs; a locale-independent visible format. */
#invoice .invoiceDatePresentation[hidden]{display:none!important}
#invoice .invoiceDatePresentation{display:flex;position:relative;align-items:center;min-width:0;height:29px}
#invoice #invDatePresentation{grid-column:4;grid-row:3}
#invoice #dueDatePresentation{grid-column:6;grid-row:2}
#invoice .invoiceDatePresentation input[type=text]{flex:1;min-width:0;width:100%;height:29px;box-sizing:border-box;margin:0;border:1px solid #bfc4ca;border-right:0;border-radius:2px 0 0 2px;padding:3px 6px;font:12px Arial;background:#fff}
#invoice .invoiceDatePresentation .invoiceDateCalendar{display:flex;flex:0 0 27px;align-items:center;justify-content:center;width:27px;height:29px;padding:0;margin:0;border:1px solid #007ad9;border-radius:0 2px 2px 0;background:#007ad9;color:#fff;cursor:pointer}
#invoice .invoiceDateCalendar svg{width:16px;height:16px}
#invoice .invoiceDateCalendar:focus-visible{outline:2px solid #183a67;outline-offset:2px}
#invoice .invoiceDateCalendar:disabled{cursor:not-allowed;opacity:.6}
#invoice .invoiceDatePresentation input.invoiceDateNative{position:absolute;inset:0;width:100%;height:29px;opacity:0;pointer-events:none;box-sizing:border-box;margin:0}
#invoice .invoiceDatePresentation input.invoiceDateFallback{opacity:1;pointer-events:auto;z-index:2;background:#fff}
@media(min-width:761px){#invoice.tradeQuoteLayout #dueDatePresentation{grid-row:3}}
@media(max-width:760px){#invoice #invDatePresentation,#invoice #dueDatePresentation{grid-column:auto;grid-row:auto}}