.date-field{container-type:inline-size;position:relative;display:block;width:100%;min-width:0}.date-field input[type=date]{display:block;width:100%;min-width:0;min-height:46px;padding:8px 110px 8px 12px;border:1px solid var(--border-input);border-radius:8px;background:#fff;color:var(--text-strong);font-size:16px;line-height:1.3;text-align:left}.date-field input[type=date]:focus{outline:2px solid var(--brand-default);outline-offset:1px}.date-field input[type=date][aria-invalid=true]{border-color:var(--status-error)}.date-field input[type=date]:disabled{background:var(--surface-page);color:var(--text-secondary)}.date-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.date-field input[type=date]::-webkit-date-and-time-value{text-align:left}.date-field button{position:absolute;top:4px;right:4px;bottom:4px;min-height:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;border:0;border-radius:6px;background:var(--brand-faint);color:var(--brand-default);font:inherit;font-size:var(--type-sub);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}.date-field button:hover:not(:disabled){background:var(--brand-default);color:#fff}.date-field button:focus-visible{outline:2px solid var(--brand-default);outline-offset:1px}.date-field button:disabled{background:var(--control-disabled-bg);color:var(--control-disabled-fg);cursor:not-allowed}.field .date-field input[type=date],.ops-field .date-field input[type=date],.ops-form-grid .ops-filter .date-field input[type=date]{min-height:54px;padding:12px 110px 12px 0;border:0;border-bottom:1px solid var(--border-input);border-radius:0;background:transparent}.field .date-field input[type=date]:focus,.ops-field .date-field input[type=date]:focus,.ops-form-grid .ops-filter .date-field input[type=date]:focus{outline:none;border-color:var(--brand-point);box-shadow:0 1px 0 var(--brand-point)}.field .date-field input[type=date][aria-invalid=true],.ops-field .date-field input[type=date][aria-invalid=true],.ops-form-grid .ops-filter .date-field input[type=date][aria-invalid=true]{border-color:var(--status-error);box-shadow:0 1px 0 var(--status-error)}.field .date-field input[type=date]:disabled,.ops-field .date-field input[type=date]:disabled,.ops-form-grid .ops-filter .date-field input[type=date]:disabled{background:transparent}.field .date-field button,.ops-field .date-field button,.ops-form-grid .ops-filter .date-field button{top:8px;right:0;bottom:8px}@container (max-width: 225px){.date-field input[type=date],.field .date-field input[type=date],.ops-field .date-field input[type=date],.ops-form-grid .ops-filter .date-field input[type=date]{padding-right:50px}.date-field button{width:38px;padding:0}.date-field button>span{display:none}}