/* One left calendar affordance; native date input remains keyboard editable. */
.date-control{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;box-sizing:border-box;inline-size:100%;width:100%;max-inline-size:20rem;min-inline-size:0;min-width:0;height:44px;border:1px solid #d9d3c7;border-radius:7px;background:#fff;overflow:visible;position:relative}
.date-control .date-picker,.date-control .date-picker-decoration{display:grid;place-items:center;box-sizing:border-box;width:42px;height:42px;min-height:42px;margin:0;padding:0;border:0;border-radius:6px 0 0 6px;background:transparent;color:#8e8270;line-height:1;flex-shrink:0}.date-control .date-picker:hover{background:#eeebe4;color:#5f574c}.date-calendar{display:block;width:18px;height:18px;pointer-events:none}.date-picker-decoration{pointer-events:none}
.date-control input[type=date],.allocation-dialog .date-control input[type=date]{display:block;box-sizing:border-box;position:relative;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;height:42px;min-height:42px;margin:0;border:0;border-radius:0 6px 6px 0;padding:10px 8px 10px 0;background:transparent;color:#38342e;font:inherit;font-size:14px;line-height:1.4;text-align:left;-webkit-appearance:none;appearance:none;overflow:hidden}
.date-control input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0;margin:0}.date-control input[type=date]::-webkit-datetime-edit{padding:0;text-align:left;max-width:100%;display:inline-flex}.date-control input[type=date]::-webkit-calendar-picker-indicator{opacity:0}
.date-control:focus-within{outline:2px solid #827969;outline-offset:2px}.date-control input[type=date]:focus-visible{outline:none}.date-control .date-picker:focus-visible{outline:2px solid #827969;outline-offset:-3px}.date-control.date-invalid{border-color:#a7723d}.date-control.date-disabled{background:#f1eee7;border-color:#e1dcd2}.date-control.date-disabled input[type=date],.date-control.date-disabled .date-picker{color:#9b9283;cursor:default}.date-control.date-disabled .date-picker:hover{background:transparent}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row>.field{min-inline-size:0;min-width:0}.allocation-date-fields .date-control,.allocation-controls .date-control{max-inline-size:100%}
@media(max-width:650px){.date-control{height:48px;grid-template-columns:44px minmax(0,1fr);max-inline-size:100%}.date-control .date-picker,.date-control .date-picker-decoration{width:44px;height:46px;min-height:46px}.date-control input[type=date],.allocation-dialog .date-control input[type=date]{font-size:16px;height:46px;min-height:46px;padding:10px 8px 10px 0}.date-calendar{width:18px;height:18px}.form-row{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse){.date-control{height:48px;grid-template-columns:44px minmax(0,1fr)}.date-control .date-picker,.date-control .date-picker-decoration{width:44px;height:46px;min-height:46px}.date-control input[type=date],.allocation-dialog .date-control input[type=date]{font-size:16px;height:46px;min-height:46px}}